沪粤游人 發表於 2019-6-16 10:48:00

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>&lt;template&gt;
    &lt;view class="content"&gt;
      &lt;input type="text" @click="txtClick"/&gt;
      &lt;/view&gt;
&lt;/template&gt; </pre>
</div>
<div class="cnblogs_code">
<pre>&lt;script&gt;<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>&lt;/script&gt;</pre>
</div>
<p>&nbsp;</p>
<p>上面这个input文本框就添加了点击事件,所以添加事件直接用 @+事件名称就可以了</p>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/getmn/p/11030233.html
頁: [1]
查看完整版本: uni-app事件