uni-app 事件以及事件绑定
<p>事件修饰符<br>stop的使用会阻止冒泡，但是同时绑定了一个非冒泡的事件，会导致该元素上的catchEventName失效！</p>
<p>prevent可以直接干掉，因为uni-app里没有什么默认事件，比如submit并不会跳转页面。</p>
<p>self没有可以判断的标识</p>
<p>once也不能做，因为uni-app没有removeEventListener,虽然可以直接在handleProxy中处理，但非常的不优雅，违背了愿意，暂不考虑按键修饰符：uni-app运行在手机端，没有键盘事件，所以不支持按键修饰符。</p>
<p>view<br>
视图容器</p>
<p>hover-class<br>
类型为string，默认值none<br>
指定按下去的样式类，类hover-class="none"时，没有点击态效果</p>
<p>hover-stop-propagation<br>
类型boolean，默认值false<br>
指定是否阻止本节点的祖先节点出现点击态</p>
<p>hover-start-time<br>
类型number，默认值50<br>
按住后多久出现点击态</p>
<p>hover-stay-time<br>
类型number，默认值400<br>
手指松开后点击态保留时间</p>
<pre><code><picker :range="years" @change="yearChange" mode="multiSelector">
<view>
{{years }} {{years}}
</view>
</picker>
</code></pre>
<p><img src="https://img2018.cnblogs.com/blog/1434670/201910/1434670-20191013211049292-623572197.jpg" alt="file" loading="lazy"></p>
<pre><code><swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
</swiper>
</code></pre>
<pre><code><view class="demo" @click="clickTest" @longtap="longtap"></view>
methods:{
clickTest: function(e){
console.log(e);
console.log('click');
},
longtap: function(e){
console.log(e);
console.log('longtap');
}
}
</code></pre>
<pre><code><view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{{index}} - {{item.name}}</view>
</code></pre>
<pre><code>methods:{
menuClick : function(e){
console.log(e);
console.log(e.target.id);
}
},
</code></pre>
<p>stop 的使用会阻止冒泡</p>
<hr>
<p>若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。</p>
<hr>
<h2 id="请点赞因为你们的赞同鼓励是我写作的最大动力">请点赞！因为你们的赞同/鼓励是我写作的最大动力！</h2>
<h3 id="欢迎关注达达的简书">欢迎关注达达的简书！</h3>
<p><strong>这是一个有质量，有态度的博客</strong></p>
<p><img src="https://img2018.cnblogs.com/blog/1434670/201910/1434670-20191013211049653-1356429069.jpg" alt="博客" loading="lazy"></p>
</div>
<div id="MySignature" role="contentinfo">
版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！<br><br>
来源：https://www.cnblogs.com/dashucoding/p/11668379.html
頁:
[1]