vue实现el-select的change事件过程

更新时间：2024年04月25日 08:42:09 作者：施玥喵

这篇文章主要介绍了vue实现el-select的change事件过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue实现el-select的change事件

 <el-select v-model="newForm.xid" @change="getline">
                <el-option
                  v-for="item in linedata"
                  :key="item.xid"
                  :label="item.xdName"
                  :value="{value:item.xid,label:item.xdName}"
                ></el-option>
              </el-select>

 newForm: {    
        xid: "",
      },
      linedata: [],

 // 线段change事件
    getline(rows) {
      console.log(rows);
    },

select change事件在vue中的使用

vue/vue3+setup中使用@change获取select下拉框选中的值

<select @change="selectArea($event.target.value)">
     <option :value="items" v-for="item in arr">{{ items }}</option>
</select>

事件

const selectArea = (val) => {
    console.log('sss', val)
}

总结

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

您可能感兴趣的文章:

Vue中Object.defineProperty用法示例
Vue中的Object.defineProperty是一个比较重要的方法,它是可以定义对象中属性的一个方法,相比于在对象中直接定义的对象,它更具有灵活性,本文将通过代码示例给大家简单介绍一下Vue中的Object.defineProperty,需要的朋友可以参考下
2023-08-08
vue+elementui实现表格多级表头效果
这篇文章主要为大家详细介绍了vue + elementui实现表格多级表头，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
vue.js封装switch开关组件的操作
这篇文章主要介绍了vue.js封装switch开关组件的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-10-10
一文教会你vue中使用async和await
async和await作为异步函数,语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,下面这篇文章主要给大家介绍了如何通过一文教会你vue中使用async和await的相关资料,需要的朋友可以参考下
2022-10-10
Vue.js 应用性能优化分析+解决方案
这篇文章主要介绍了Vue.js 应用性能优化分析以及解决方案，VueJS 是开发网站最受欢迎、最稳定的 JavaScript 框架，但与其他框架一样，如果您忽略它，性能就会受到影响，下面我们就一起来看看怎么才能让性能提升吧
2021-12-12
vue中Axios的封装和API接口的管理示例详解
这篇文章主要介绍了vue中Axios的封装和API接口的管理,主要目的就是在帮助我们简化代码和利于后期的更新维护，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
2022-09-09
vue预览本地pdf文件方法之vue-pdf组件使用
这篇文章主要介绍了vue预览本地pdf文件方法之vue-pdf组件使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
Vue.js组件实现选项卡以及切换特效
这篇文章主要为大家详细介绍了Vue.js组件实现选项卡以及切换特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
vue项目如何监听localStorage或sessionStorage的变化
这篇文章主要介绍了vue 项目如何监听localStorage或sessionStorage的变化，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
2021-01-01
改变vue请求过来的数据中的某一项值的方法(详解)
下面小编就为大家分享一篇改变vue请求过来的数据中的某一项值的方法(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03