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

总结

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

相关文章

  • Vue3实现折叠面板组件的示例代码

    Vue3实现折叠面板组件的示例代码

    折叠面板大家都不陌生,很多时候需要实现一些复杂的交互,就会用到它,简洁直观还美观,下面就跟随小编一起学习一下如果使用Vue3实现折叠面板组件吧
    2024-01-01
  • 基于vue实现简易打地鼠游戏

    基于vue实现简易打地鼠游戏

    这篇文章主要为大家详细介绍了基于vue实现简易打地鼠游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • vue使用天地图、openlayers实现多个底图叠加显示效果

    vue使用天地图、openlayers实现多个底图叠加显示效果

    这篇文章主要介绍了vue使用天地图、openlayers实现多个底图叠加显示,根据返回的经纬度列表通过天地图、openlayers实现底图添加,本文通过示例代码给大家介绍的非常详细,需要的朋友参考下吧
    2022-04-04
  • Vuejs对象常用操作之取对应的值、取key和value值、转数组及合并等

    Vuejs对象常用操作之取对应的值、取key和value值、转数组及合并等

    最近在学Vue和javascript感觉js的好多方法都不太清楚,这里彻底总结下,这篇文章主要给大家介绍了关于Vuejs对象常用操作之取对应的值、取key和value值、转数组及合并等的相关资料,需要的朋友可以参考下
    2024-01-01
  • 在vue项目中,将juery设置为全局变量的方法

    在vue项目中,将juery设置为全局变量的方法

    今天小编就为大家分享一篇在vue项目中,将juery设置为全局变量的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue与Node.js通过socket.io通信的示例代码

    Vue与Node.js通过socket.io通信的示例代码

    这篇文章主要介绍了Vue与Node.js通过socket.io通信的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 关于vue的路由模式及修改方法

    关于vue的路由模式及修改方法

    这篇文章主要介绍了关于vue的路由模式及修改方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • vue绑定class与行间样式style详解

    vue绑定class与行间样式style详解

    这篇文章主要介绍了vue绑定class与行间样式style的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • vue项目强制清除页面缓存的例子

    vue项目强制清除页面缓存的例子

    今天小编就为大家分享一篇vue项目强制清除页面缓存的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Vue实现录制屏幕并本地保存功能

    Vue实现录制屏幕并本地保存功能

    这篇文章主要介绍了Vue实现录制屏幕功能并本地保存,这里用的是用的是HBuilder X开发,结合示例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-04-04

最新评论