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-cli配置打包文件本地使用的教程图解
这篇文章主要介绍了Vue-cli配置打包文件本地使用的教程图解,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-08-08
vue实现移动端拖动排序
这篇文章主要为大家详细介绍了vue实现移动端拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
VUE实现图片验证码功能
这篇文章主要为大家详细介绍了VUE实现图片验证码功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
Vue和SpringBoot之间传递时间的方法实现
本文主要介绍了Vue和SpringBoot之间传递时间的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
修改Vue2项目运行端口号配置后端代理教程
文章介绍了在Vue2项目中配置端口号和代理解决跨域问题的方法,包括在vue.config.js文件中增加端口号配置和设置代理路径
2026-01-01
实例分析编写vue组件方法
在本篇文章中我们给大家总结了关于编写vue组件的方法知识点，有此需要的读者们跟着学习下。
2019-02-02
Vue2.0+ElementUI+PageHelper实现的表格分页功能
ElementUI也是一套很不错的组件库，对于我们经常用到的表格、表单、时间日期选择器等常用组件都有着很好的封装和接口。这篇文章主要介绍了Vue2.0+ElementUI+PageHelper实现的表格分页,需要的朋友可以参考下
2021-10-10
vue3封装AES(CryptoJS)前端加密解密通信代码实现
防止数据被爬取,前后端传参接收参数需要加密处理,使用AES加密,这篇文章主要给大家介绍了关于vue3封装AES(CryptoJS)前端加密解密通信代码实现的相关资料,需要的朋友可以参考下
2023-12-12
vue篇之事件总线EventBus使用示例详解
这篇文章主要为大家介绍了vue篇之事件总线EventBus使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
基于Vue中this.$options.data()的this指向问题
这篇文章主要介绍了基于Vue中this.$options.data()的this指向问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03