不用学习直接编写uni-app(uni-app 阻止冒泡事件)

<view id=”v1” @click="closeMenus('left')">

    <view id=”v2” class="menulist" @click="al()" ></view>

</view>

在uni-app页面中，经常点击v2的事件时，默认执行了al() 与 closeMenus('left')事件，

但只想执行al(),不想执行closeMenus事件，代码如下：

<view @click="closeMenus('left')">

    <view class="menulist" v-on:click.stop="closeMenus">

        <view class="menuItem" @click="al()">

            ……

        </view>

    </view>

</view>

注意：下面这种格式没有效果

<view @click="closeMenus('left')">

    <view class="menulist" @click="al()" v-on:click.stop="closeMenus"></view>

</view>

 

阻止提交事件不再重载页面：

<form v-on:submit.prevent=”onSubmit”></form>