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
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。