el-select選中后，值未更新的問題

 <el-select v-model="forms.district_id" size="mini"  placeholder="區"  @change="userDistricts" class="diredge-addres">
  <el-option
      v-for="item in options2"
      :key="item.id"
      :label="item.name"
      :value="item.id">
  </el-option>
</el-select>


 userDistricts (e) {
      this.$forceUpdate()
    },

原因

數據層次太多，render函數沒有自動更新，需手動強制刷新（this.$forceUpdate）

方法

1. 給select添加change事件，強制刷新。具體代碼