問題の説明: el 要素の el-select の el-option で値が選択されますが、その値がページ ボックスに表示されないため、別のボックス値を入力して表示する必要があります。または、入力に値を入力できない問題を解決します。
/在el-select中写一个事件 @change="change"
<el-form-item prop="aa">
<el-select
v-model="dataForm.aa"
@change="change" //加上这个函数
>
<el-option
v-for="(item, index) in belongToCountryList"
:key="index"
:label="item.text"
:value="item.code"
></el-option>
</el-select>
</el-form-item>
~~~~~~~~~~
change(){
this.$forceUpdate() //其作用就是强制性刷新了一次
}
問題の理由:
ドロップダウン ボックス内のデータがインターフェイスを周期的に呼び出している、データのレイヤーが多すぎる、レンダリング関数が自動的に更新されない、手動で更新する必要がある
問題解決のアイデア:
ForceUpdate() メソッドは、一部の深いコンポーネントの状態にも適用できます。状態が変化したときにコンポーネント上でこのメソッドを呼び出すと、ページ v-for で項目属性値が変更された後にページ値が変更されないという問題を解決できます。