1.使用组件无法阻止change默认事件问题,使用事件 @click.stop.native.prevent 解决 (使用@click.stop 或者 @click.prevent都无效,直接报错还阻止不了事件)
<el-input-number class="hoverShow" size="mini" v-model="num"
step-strictly :min="1" :max="99" @change="changeNum" @click.stop.native.prevent></el-input-number>
2.可以选择用一个< div >将整个< el-popover >包起来,给div加 一个 @click.stop,即可阻止冒泡。 很多特殊的组件都可以用这个方式阻止冒泡事件。
<div class="specification-info" @click.stop>
<el-popover
placement="bottom"
width="240"
v-show="isEdit"
popper-class="popover-specification"
v-model="visible">
<div class="specification-info-list">
<p @click="visible = false" v-for="i in 10" :key="i" :class="{'active': i === 1}">
<span>属性n;属性2a;属性3</span>
</p>
</div>
<div slot="reference" class="specification-info-show">
<span>属性n;属性2a;属性3b;属性n;属性2a;属性3属性n;属性2a;属性3b;属性属性n;属性2a;属性3b;属性n;属性2a;属性3属性n;属性2a;属性3b;属性nn</span>
</div>
</el-popover>
</div>