vue有个属性是@click.stop="test()"
因为我写app,⽤(mui框架中app的点击事件),本来还以为不能⽤,后来试了下,好⽤的
想了想也对,毕竟是mui只是个UI框架,实际还是vue的东西

<view class="tab-bar-line" v-for="(item, index) in list" :key="item.id">
    <view class="content" @click="goDetail(item.id)">
        <image :src="item.img" style="width: 150rpx; height: 150rpx; border-radius: 75rpx;"></image>
        <view class="desc">
            <view class="" @click.stop="buyGoods(item.id)">
                <text class="fr cu-tag bg-gradual-orange margin-bottom-xs text-xs">⽀付</text>
                <view class="clear"></view>
            </view>
        </view>
    </view>
</view>

补充:

vue—click点击事件的冒泡行为
**1. click.stop就是外层包内层,内层写了.stop不会触发到外层的,只触发内层

.prevent就是阻止默认跳转链接,比如写了一个百度链接,没有
prevent会默认跳转到百度网页,写了这个prevent就会阻止自动跳转行为
.capture就是外层包内层,外层写了capture行为,只会触发外层,而内层是先触发外层,再触发内层
.self就是外层包内层,内层包按钮事件,内层写了.self行为,外层只会触发外层,内层先触发内层,再外层,点击按钮事件,先触发按钮事件,再触发外层,不会触发内层
、click.prevent.once就是,第一次点击触发hrfe,不会跳转链接,第二次点击就会跳转链接**

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐