uni-app事件
<p>在html中,经常有操作到标签的事件,</p><p>比如按钮的点击事件,文本框的获得焦点事件</p>
<p>在uni-app中也会操作事件,不过更加方便</p>
<p>这个事件和html中的基本相同,也有部分差异,以下为uni-app官网的差异描述</p>
<p><img src="https://img2018.cnblogs.com/blog/1182284/201906/1182284-20190616104337135-152602069.png" alt=""></p>
<p>知道了具体事件名称后,我们就可以开始操作</p>
<div class="cnblogs_code">
<pre><template>
<view class="content">
<input type="text" @click="txtClick"/>
</view>
</template> </pre>
</div>
<div class="cnblogs_code">
<pre><script><span style="color: rgba(0, 0, 0, 1)">
export </span><span style="color: rgba(0, 0, 255, 1)">default</span><span style="color: rgba(0, 0, 0, 1)"> {
data() {
</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> {
UserName: </span>'admin'<span style="color: rgba(0, 0, 0, 1)">
}
},
methods: {
txtClick() {
console.log(</span>'我被点击了'<span style="color: rgba(0, 0, 0, 1)">)
}
}
}
</span></script></pre>
</div>
<p> </p>
<p>上面这个input文本框就添加了点击事件,所以添加事件直接用 @+事件名称就可以了</p>
<p> </p><br><br>
来源:https://www.cnblogs.com/getmn/p/11030233.html
頁:
[1]