element-ui組件中input等的change事件中傳遞自定義參數
更新時間：2019年05月22日 11:50:34 作者：狂奔的蝸牛0828
這篇文章主要介紹了element-ui組件中的input等的change事件中傳遞自定義參數的實例代碼，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
以select為例，如果select寫在循環(huán)里，觸發(fā)change事件時可能不只需要傳遞被選中項的值，還要傳遞index過去，來改變同一循環(huán)中的其他標簽的狀態(tài)。
下面這樣寫是無效的：
@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>
總結
以上所述是小編給大家介紹的element-ui組件中input等的change事件中傳遞自定義參數,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
本文為大家介紹下JS無級樹形菜單的實現，修改了一下數據格式，是json和數組或者混合型的數據都通用，不用特定key等，想學習的朋友可以參考下2013-07-07
這篇文章主要介紹了js中關于require與import的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
彈出一個層的js代碼，比較不錯2008-10-10
嚴格模式就是使JS編碼更加規(guī)范化的模式,消除Javascript語法的一些不合理、不嚴謹之處，減少一些怪異行為。下面通過代碼相結合的形式給大家介紹js中的嚴格模式，感興趣的朋友一起看看吧2018-06-06
本文通過實例代碼給大家介紹了基于js實現瀏覽上傳文件的代碼，非常不錯，代碼簡單易懂，具有參考借鑒價值，需要的朋友參考下吧2017-08-08
這篇文章主要介紹了JavaScript對數字的判斷與處理方法,實例分析了javascript判斷數字的常見方法與針對數字處理的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家學習介紹了JavaScript如何實現Excel文件與圖片視頻上傳，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學習一下2023-07-07
這篇文章主要介紹了JS+DIV+CSS排版布局實現美觀的選項卡效果,通過簡單的div+css布局結合JavaScript切換頁面樣式實現美觀的選項卡效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要給大家介紹了關于js異步接口并發(fā)數量控制的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新2018-07-07