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

更新时间：2024年04月25日 08:51:31 作者：木毅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

总结

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

您可能感兴趣的文章:

vue-cli对element-ui组件进行二次封装的实战记录
组件类似于需要多个地方用到的方法,在Vue中组件就是一种复用（经常使用）一个功能的手段,下面这篇文章主要给大家介绍了关于Vue element ui二次封装的相关资料,需要的朋友可以参考下
2022-06-06
vue3 build的配置及详解
这篇文章主要介绍了vue3 build的配置,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2025-09-09
vue请求函数和路由的安装使用过程
这篇文章主要介绍了vue请求函数和路由的安装使用过程,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2024-08-08
vue3 provide和inject底层组件的值不是响应式的处理详解
这篇文章主要为大家介绍了vue3 provide和inject底层组件的值不是响应式的处理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
这篇文章主要介绍了vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-06-06
printJS打印问题汇总以及解决办法
Print.js一个小的javascript库,可帮助您从网络上打印,这篇文章主要给大家介绍了关于printJS打印问题汇总以及解决办法的相关资料,文中介绍的非常详细,需要的朋友可以参考下
2024-05-05
Vue监听数据渲染DOM完以后执行某个函数详解
今天小编就为大家分享一篇Vue监听数据渲染DOM完以后执行某个函数详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue中的虚拟dom知识点总结
这篇文章主要介绍了vue中的虚拟dom知识点总结，文章围绕主题内容展开详细介绍，需要的小伙伴可以参考一下，希望对你的学习有所帮助
2022-04-04
基于VUE.JS的移动端框架Mint UI的使用
本篇文章主要介绍了基于VUE.JS的移动端框架Mint UI的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
vue中用qrcode库将超链接生成二维码图片的示例代码
生成二维码是一种常见的需求,无论是用于商业宣传还是个人分享,二维码都可以提供快速方便的方式来传递信息,在Vue框架中,我们可以使用qrcode库来轻松地生成二维码,本篇博文将介绍如何安装qrcode库,并通过一个实际例子来展示如何生成二维码,需要的朋友可以参考下
2023-12-12