vue?select?change事件如何傳遞自定義參數(shù)
更新時間：2022年04月07日 14:47:48 作者：JiaPeng366
這篇文章主要介紹了vue?select?change事件如何傳遞自定義參數(shù)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
select change事件傳遞自定義參數(shù)
今天記錄一個小問題，最近get到的一個方法，不太常用，記錄一下，增強記憶吧。
之前在vue項目中，也經(jīng)常使用select標簽，也經(jīng)常用change事件，經(jīng)常用的change事件中，一直有個默認參數(shù)，就是選中的選項的信息，最近一個需求除了需了選中項信息外，還需要其他的參數(shù)。
今天記錄一下這種傳參方式，直接上代碼。
// 普通用法，沒有自定義參數(shù)
@change="handleChange"
handleChange (event) {
?? ?// event.target.value 是change事件默認傳的信息
?? ?console.log(event.target.value)
}
// 需要傳自定義參數(shù)時
@change="handleChange($event, '自定義參數(shù)')"
handleChange (event, param) {
?? ?// event.target.value 是change事件默認傳的信息
?? ?// param 是自定義的參數(shù)
}@change函數(shù)傳自定義參數(shù)
在vue項目中，某些場景中CheckBox等一些組件的@change函數(shù)需要傳一些自定義參數(shù)
實例
<el-checkbox label="hello" v-model="helloNum" @change="changeFunc($event,'自定義參數(shù)')" ></el-checkbox>
methods: {
? ? changeFunc(val,'自定義參數(shù)') {
? ? ? ? console.log(val,'自定義參數(shù)')
? ? ? ? //打印結(jié)果是：true/false ,'自定義參數(shù)'
? ? }
}以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Vue.js中,頁面跳轉(zhuǎn)是構(gòu)建單頁面應(yīng)用（SPA）的基本操作之一,本文將介紹Vue中實現(xiàn)頁面跳轉(zhuǎn)的幾種方法,并通過實例代碼幫助理解每種方法的用法,需要的朋友可以參考下2024-09-09
在vue.config.js中優(yōu)化webpack配置的方法
在日常開發(fā)中我們離不開打包工具webpack,但是不同的配置會影響我們項目的運行構(gòu)建時間,也會影響打包之后項目包的大小,這篇文章記錄一下我使用過的可以優(yōu)化webpack的配置,需要的朋友可以參考下2024-05-05
sass或者less都提供變量設(shè)置，在需求切換主題的項目中使用less或者sass變量，這篇文章主要介紹了vue引入sass全局變量，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
基于Vue中使用節(jié)流Lodash throttle詳解
今天小編就為大家分享一篇基于Vue中使用節(jié)流Lodash throttle詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
vue2+element?ui?中的el-table?選中當前行當前行變色的實現(xiàn)代碼
這篇文章主要介紹了vue2+element?ui?中的el-table?選中當前行當前行變色的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-07-07
這篇文章主要介紹了vue3中安裝使用vue-i18n實時切換語言不用刷新問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue3 el-select懶加載以及自定義指令方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
vue使用element-plus依賴實現(xiàn)表格增加的示例代碼
這篇文章主要為大家詳細介紹了vue使用element-plus依賴實現(xiàn)表格增加,文中示例代碼講解的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2023-12-12
本篇文章主要介紹了vue2.0之多頁面的開發(fā)的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue導出excel和echart圖形分別在不同工作表的實現(xiàn)方法
這篇文章主要給大家介紹了如何使用vue實現(xiàn)導出excel和echart圖形分別在不同工作表,文中有詳細的代碼示例供大家參考,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2023-10-10