溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如下所示：
<el-autocomplete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="請輸入內容" @select="handleSelect" ></el-autocomplete>
這里的 hanleSelect 默認綁定的參數是選中的那條數據。
但是如果一個頁面有好幾個相同的組件，要想知道選中的是第幾個。
@select="handleSelect(item, index)" // 這樣肯定不行的
解決方法：
<el-autocomplete
v-model="state4"
:fetch-suggestions="querySearchAsync"
placeholder="請輸入內容"
@select="((item)=>{handleSelect(item, index)})" // 寫個閉包就可以了，index表示第幾個組件
></el-autocomplete>
基于element-UI 事件添加額外自定義參數的方法
要想在element的 event事件中增加自定義參數，如果你直接在方法中寫，他就會將原來的參數覆蓋！
例如：
<input :value="scope.row.confirmAmount" @change="updateConfirmAmount(scope.row)" placeholder="請輸入審核數量" />
但是你可以在自定義參數之前加入 $event 這個變量，然后再傳其他值，這樣的話event事件的回調參數就會有了。
例如：
<input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請輸入審核數量" />
下面是我今天解決問題的案例：
<code class="language-html"><!-- 明細列表 -->
<el-table :data="midSubmitDetailTableData" border stripe >
<el-table-column prop="submitAmount" label="本次交工數量"></el-table-column>
<el-table-column prop="confirmAmount" label="審核數量">
<template slot-scope="scope">
<input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請輸入審核數量" />
</template>
</el-table-column>
</el-table></code>
對應的方法：
updateConfirmAmount(data, row){
var _value = data.currentTarget._value;
var value = data.currentTarget.value;
},
最后抱怨一句：csdn的編譯器越來越不好用了！
以上這篇解決element UI 自定義傳參的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
