vue實現(xiàn)el-select的change事件過程
更新時間：2024年04月25日 08:42:09 作者：施玥喵
這篇文章主要介紹了vue實現(xiàn)el-select的change事件過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue實現(xiàn)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)
}總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue中的Object.defineProperty是一個比較重要的方法,它是可以定義對象中屬性的一個方法,相比于在對象中直接定義的對象,它更具有靈活性,本文將通過代碼示例給大家簡單介紹一下Vue中的Object.defineProperty,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細介紹了vue?+?elementui實現(xiàn)表格多級表頭，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue.js封裝switch開關組件的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
async和await作為異步函數(shù),語法很簡單,就是在函數(shù)前面加上async 關鍵字,來表示它是異步的,下面這篇文章主要給大家介紹了如何通過一文教會你vue中使用async和await的相關資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了Vue.js 應用性能優(yōu)化分析以及解決方案，VueJS 是開發(fā)網(wǎng)站最受歡迎、最穩(wěn)定的 JavaScript 框架，但與其他框架一樣，如果您忽略它，性能就會受到影響，下面我們就一起來看看怎么才能讓性能提升吧2021-12-12
這篇文章主要介紹了vue中Axios的封裝和API接口的管理,主要目的就是在幫助我們簡化代碼和利于后期的更新維護，本文結合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue預覽本地pdf文件方法之vue-pdf組件使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家詳細介紹了Vue.js組件實現(xiàn)選項卡以及切換特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
vue項目如何監(jiān)聽localStorage或sessionStorage的變化
這篇文章主要介紹了vue 項目如何監(jiān)聽localStorage或sessionStorage的變化，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)
下面小編就為大家分享一篇改變vue請求過來的數(shù)據(jù)中的某一項值的方法(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03