用了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
最后解决了 我碰到的这个问题