vue el-element の el-select の el-option で値が選択されますが、その値はページ ボックスに表示されません。表示するには別のボックスの値を入力する必要があります。input の場合も同様です。

問題の説明: 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 で項目属性値が変更された後にページ値が変更されないという問題を解決できます。 

おすすめ

転載: blog.csdn.net/Humor_L/article/details/125423183