vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > elementui select标签监听change事件失效

vue elementui select标签监听change事件失效问题

作者:木毅01

这篇文章主要介绍了vue elementui select标签监听change事件失效问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue elementui select标签监听change事件失效

没那么多花里胡哨的 我说一个可能啊 只是一个可能

<el-select v-model="planValue" placeholder="请选择" size="mini" @change="handleSelectPlanChange">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

单纯的因为 change事件没有放在el-select上面

vue select change事件获取当前value

 <el-select v-model="formInline.region" placeholder="当前任务" @change="handleChange">
          <el-option label="黄金糕" value="shanghai"></el-option>
          <el-option label="西瓜" value="beijing"></el-option>
          <el-option label="栗子" value="lizi"></el-option>
        </el-select>
methods:{
    handleChange(event){
      console.log(event)
    }
  }

注意:

触发事件时,会将当前对象传递,默认一个参数接收,console.log(参数)获取当前的value

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文