vue之冒泡阻止

用了Element ui写页面

<el-dropdown-menu slot="dropdown">
<el-dropdown-item>

<el-select size="mini" v-model="searchInfo.plan" placeholder="请选择" >
<el-option v-for="(item,index) in plansItems" :key="index" :label="item.caption" :value="item.planId">
</el-option>
</el-select>

</el-dropdown-menu>

</el-dropdown-item>

情况出现:就是我在下拉菜单里放了选择框,在点选择框内容时会出现 下拉菜单收起。

正常情况:在选择框加一个vue自带的阻止冒泡事件 @click.stop

但是出乎我意料 这居然无效,加了和没加 一样的效果 然后我就去查阅资料

发现在选择框加一句 属性申明就可以了popper-append-to-body=“false” 或者:popper-append-to-body=“value” 然后再value的值=flase

最后解决了 我碰到的这个问题

上一篇:重新认识vue之事件阻止冒泡


下一篇:vue阻止事件冒泡和默认事件