VUEのような結合データは、パス/選択値の変化の複数の表示変更バグをパラメータ値を選択します

ドロップダウンボックスで、前のアドレスVUEのドロップダウンボックスのパスでエル・セレクトデフォルト値に

あなたがバグを解決するためにしている場合は、第3にスキップ

<el-select v-model="form.Name">
   <el-option v-for="item in dqList" :key="item.dqId" :label="item.name" :value="item.dqId"></el-option>
</el-select>

1.私はdqid名前と値をたいたように、背景に渡され、名前とコードに渡された
私たちが置か:value代わりにJSONを

:value="{'Code':item.dqid,'Name':item.name}">

あなたは、コンテンツのいずれかを選択するという不具合が生じることがありますが、固定の名前であることを示唆している、変更されません
(ええと、これは何のバグテストしませんが、上の背景の値を受信していないされているしようとするこのに)

:value="[{'Code':item.dqid,'Name':item.name}]">

2. :value="{'Code':item.dqid,'Name':item.name}">バグ選択された値がの外観は変わりません
、インターネットで最も一般的な解決策を

this.$set(this.form, 'Name', this.form.Name.Name)

しかし、それは使用することは容易ではない、書き込み背受けていない値は、無駄
の作者3.参照メソッド値の変更を選択するVUE-要素選択ボックスは、表示は変更されません。
私たちのコードが変更に

<el-select v-model="form.Name"  @input="change">
   <el-option v-for="(item, index) in dqList" :key="item.dqId" :label="item.name" :value="index"></el-option>
</el-select>
change (index) {
        this.form.Name = this.dqList[index].name
        this.form.Code = this.dqList[index].dqId
      },

背景のパラメータに戻った時に書きました

'Name': this.form.Name,
'Code': this.form.Code,

注;このメソッドはクリアサポートしていません。

公開された38元の記事 ウォンの賞賛1 ビュー5159

おすすめ

転載: blog.csdn.net/ShangMY97/article/details/103957253