element选择框重置之后，再次选择时，value值无法正常显示

情况： 在做一个项目，两个选择框是联动的，意思是先确定a的值，然后由a获取到B的选项，当a发生变化时，B的选项要重新获取，就意味着B要重置，重新获取选项进行选择，这时问题出现了，B的值无法显示，但是值确实已经变化。

// 用change 监听值的变化
 <el-form-item label="item_name">
        <el-select v-model="form.itemName" @change="nameChange">
          <el-option
            v-for="(item,index) in nameOpt"
            :key="index"
            :value="item.value"
            :label="item.label"
          ></el-option>
        </el-select>
      </el-form-item>
//用vue的$forceUpdate 强制更新 重新渲染视图
  nameChange(val) {
      this.$forceUpdate();
    },

完美解决！！！