欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決element UI 自定義傳參的問題

 更新時(shí)間：2018年08月22日 11:51:47   作者：userkang  
今天小編就為大家分享一篇解決element UI 自定義傳參的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

<el-autocomplete
 v-model="state4"
 :fetch-suggestions="querySearchAsync"
 placeholder="請輸入內(nèi)容"
 @select="handleSelect"
></el-autocomplete>

這里的 hanleSelect 默認(rèn)綁定的參數(shù)是選中的那條數(shù)據(jù)。

但是如果一個(gè)頁面有好幾個(gè)相同的組件，要想知道選中的是第幾個(gè)。

@select="handleSelect(item, index)" // 這樣肯定不行的

解決方法：

<el-autocomplete
 v-model="state4"
 :fetch-suggestions="querySearchAsync"
 placeholder="請輸入內(nèi)容"
 @select="((item)=>{handleSelect(item, index)})" // 寫個(gè)閉包就可以了，index表示第幾個(gè)組件
></el-autocomplete>

基于element-UI 事件添加額外自定義參數(shù)的方法

要想在element的 event事件中增加自定義參數(shù)，如果你直接在方法中寫，他就會(huì)將原來的參數(shù)覆蓋！

例如：

<input :value="scope.row.confirmAmount" @change="updateConfirmAmount(scope.row)" placeholder="請輸入審核數(shù)量" />

但是你可以在自定義參數(shù)之前加入 $event 這個(gè)變量，然后再傳其他值，這樣的話event事件的回調(diào)參數(shù)就會(huì)有了。

例如：

 <input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請輸入審核數(shù)量" />

下面是我今天解決問題的案例：

<code class="language-html"><!-- 明細(xì)列表 --> 
<el-table :data="midSubmitDetailTableData"  border stripe style="width: 100%"> 
  <el-table-column prop="submitAmount" label="本次交工數(shù)量"></el-table-column> 
  <el-table-column prop="confirmAmount" label="審核數(shù)量"> 
    <template slot-scope="scope"> 
      <input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請輸入審核數(shù)量" /> 
    </template>   
  </el-table-column> 
</el-table></code>

對應(yīng)的方法：

updateConfirmAmount(data, row){
  var _value = data.currentTarget._value;
  var value = data.currentTarget.value;
 
},

最后抱怨一句：csdn的編譯器越來越不好用了！

以上這篇解決element UI 自定義傳參的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論