Der ausgewählte Wert kann im ausgewählten Feld nicht angezeigt werden. Versuchen Sie, mit „forceUpdate“ eine Aktualisierung zu erzwingen.

Artikelverzeichnis

Frage

Der ausgewählte Wert kann nicht im Kontrollkästchen für die Elementauswahl angezeigt werden

analysieren

  • Der Auswahlselektor kann zum ersten Mal ausgewählt werden. Nach dem Speichern können Sie ihn ändern. Der ausgewählte Wert wird nicht im Anzeigefeld angezeigt. Sie müssen „forceUpdate“ ausführen, um eine Aktualisierung zu erzwingen
    .$forceUpdate()
<template>
  <el-select v-model="value" placeholder="请选择"  @change="selectChanged">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
  export default {
      
      
    data() {
      
      
      return {
      
      
        options: [{
      
      
          value: '选项1',
          label: '黄金糕'
        }, {
      
      
          value: '选项2',
          label: '双皮奶'
        }, {
      
      
          value: '选项3',
          label: '蚵仔煎'
        }, {
      
      
          value: '选项4',
          label: '龙须面'
        }, {
      
      
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
      }
    }methods: {
      
      
		// 改变的值
		selectChanged(e) {
      
      
			// 强制刷新
			this.$forceUpdate(); 
		},
  }
</script>

おすすめ

転載: blog.csdn.net/qq_53810245/article/details/127441881