vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue el-select的change事件

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

作者:施玥喵

这篇文章主要介绍了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)
}

总结

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

您可能感兴趣的文章:
阅读全文