element UIのカスタマイズされたパラメータの問題を解決します。


以下の通りです

<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イベントにカスタムパラメータを追加したいなら、直接に方法に書いたら、元のパラメータを上書きします。
たとえば:

<input :value="scope.row.confirmAmount" @change="updateConfirmAmount(scope.row)" placeholder="       " />
ただし、カスタムパラメータの前に$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のユーザー定義の問題を解決したのは、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。よろしくお願いします。