<el-input-number>的chang事件怎么阻止默认事件等

52 阅读1分钟

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>