如下所示：
<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 style="width: 100%"> <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 自定義傳參的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
