如下所示：

<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 自定義傳參的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。