element UIのカスタマイズされたパラメータの問題を解決します。
以下の通りです
しかし、一つのページに同じコンポーネントがいくつかあると、何番目に選択されているかを知りたいです。
elementイベントにカスタムパラメータを追加したいなら、直接に方法に書いたら、元のパラメータを上書きします。
たとえば:
たとえば:
以上のように、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のユーザー定義の問題を解決したのは、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。よろしくお願いします。