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