门内一虫门外也怂 發表於 2019-10-13 21:11:00

uni-app 事件以及事件绑定

<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
                        <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0)"></path>
                  </svg>
                                          <p>事件修饰符stop的使用会阻止冒泡,但是同时绑定了一个非冒泡的事件,会导致该元素上的catchEventName失效!</p>
<p>prevent可以直接干掉,因为uni-app里没有什么默认事件,比如submit并不会跳转页面。</p>
<p>self没有可以判断的标识</p>
<p>once也不能做,因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理,但非常的不优雅,违背了愿意,暂不考虑按键修饰符:uni-app运行在手机端,没有键盘事件,所以不支持按键修饰符。</p>
<p>view视图容器</p>
<p>hover-class类型为string,默认值none指定按下去的样式类,类hover-class="none"时,没有点击态效果</p>
<p>hover-stop-propagation类型boolean,默认值false指定是否阻止本节点的祖先节点出现点击态</p>
<p>hover-start-time类型number,默认值50按住后多久出现点击态</p>
<p>hover-stay-time类型number,默认值400手指松开后点击态保留时间</p>
<pre><code>&lt;picker :range="years" @change="yearChange" mode="multiSelector"&gt;
&lt;view&gt;
{{years }} {{years}}
&lt;/view&gt;
&lt;/picker&gt;</code></pre>

<p><img src="https://img-blog.csdnimg.cn/20191013211120547.jpeg" title="file" alt="file"></p>
<pre><code>&lt;swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration"&gt;
&lt;/swiper&gt;</code></pre>

<p></p>
<pre><code>&lt;view class="demo" @click="clickTest" @longtap="longtap"&gt;&lt;/view&gt;

methods:{
clickTest: function(e){
   console.log(e);
   console.log('click');
},
longtap: function(e){
   console.log(e);
   console.log('longtap');
}
}</code></pre>

<p></p>
<pre><code>&lt;view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index"&gt;{{index}} - {{item.name}}&lt;/view&gt;</code></pre>

<p></p>
<pre><code>methods:{
menuClick : function(e){
console.log(e);
console.log(e.target.id);
}
},</code></pre>

<p>stop 的使用会阻止冒泡</p>
<h3></h3>
<p>若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。</p>
<h3></h3>
<h2>请点赞!因为你们的赞同/鼓励是我写作的最大动力!</h2>
<h3>欢迎关注达达的简书!</h3>
<p><strong>这是一个有质量,有态度的博客</strong></p>
<p><img src="https://img-blog.csdnimg.cn/20191013211120828.jpeg" title="博客" alt="博客"></p>
                                    

</div>
<div id="MySignature" role="contentinfo">
    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!<br><br>
来源:https://www.cnblogs.com/dashucoding/p/11932283.html
頁: [1]
查看完整版本: uni-app 事件以及事件绑定