element-ui組件中input等的change事件中傳遞自定義參數(shù)
以select為例,如果select寫(xiě)在循環(huán)里,觸發(fā)change事件時(shí)可能不只需要傳遞被選中項(xiàng)的值,還要傳遞index過(guò)去,來(lái)改變同一循環(huán)中的其他標(biāo)簽的狀態(tài)。
下面這樣寫(xiě)是無(wú)效的:
@change="changeStatus(val, index)" <div v-for="(item,index) in itemList"> <el-select v-model="item.value" @change="changeStatus(val, index)"> <el-option v-for="op in options" :key="op.key": :label="op.label" :value="op.label"> </el-option> </el-select> </div>
這樣再封裝一層就可以了:
@change="((val)=>{changeStatus(val, index)})" <div v-for="(item,index) in itemList"> <el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})"> <el-option v-for="op in options" :key="op.key" :label="op.label" value="op.label"> </el-option> </el-select> </div>
總結(jié)
以上所述是小編給大家介紹的element-ui組件中input等的change事件中傳遞自定義參數(shù),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
JS無(wú)限極樹(shù)形菜單,json格式、數(shù)組格式通用示例
本文為大家介紹下JS無(wú)級(jí)樹(shù)形菜單的實(shí)現(xiàn),修改了一下數(shù)據(jù)格式,是json和數(shù)組或者混合型的數(shù)據(jù)都通用,不用特定key等,想學(xué)習(xí)的朋友可以參考下2013-07-07js中關(guān)于require與import的區(qū)別及說(shuō)明
這篇文章主要介紹了js中關(guān)于require與import的區(qū)別及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10javascript彈出一個(gè)層并增加一個(gè)覆蓋層
彈出一個(gè)層的js代碼,比較不錯(cuò)2008-10-10JavaScript對(duì)數(shù)字的判斷與處理實(shí)例分析
這篇文章主要介紹了JavaScript對(duì)數(shù)字的判斷與處理方法,實(shí)例分析了javascript判斷數(shù)字的常見(jiàn)方法與針對(duì)數(shù)字處理的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JS+DIV+CSS排版布局實(shí)現(xiàn)美觀的選項(xiàng)卡效果
這篇文章主要介紹了JS+DIV+CSS排版布局實(shí)現(xiàn)美觀的選項(xiàng)卡效果,通過(guò)簡(jiǎn)單的div+css布局結(jié)合JavaScript切換頁(yè)面樣式實(shí)現(xiàn)美觀的選項(xiàng)卡效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JS 中可以提升幸福度的小技巧(可以識(shí)別更多另類寫(xiě)法)
本文主要介紹一些JS中用到的小技巧,可以在日常Coding中提升幸福度,將不定期更新2018-07-07