el-select中多选回显数据后没法重新选择和更改

<el-form-item label="展示内容" prop="videoId">
  <el-select class="modal-input" multiple v-model="form.videoId">
      <el-option
         class="modal-input"
         v-for="(item) in videoIdTypes"
         :key="item.id"
         :label="item.videoName"
         :value="item.id"
        ></el-option>
  </el-select>
</el-form-item>

点击选择和删除都无效
el-select中多选回显数据后没法重新选择和更改_第1张图片
添加事件,实现选择一次就刷新,迫使 Vue 实例重新渲染

<el-form-item label="展示内容" prop="videoId">
  <el-select class="modal-input" multiple v-model="form.videoId"  @change="$forceUpdate()">
      <el-option
         class="modal-input"
         v-for="(item) in videoIdTypes"
         :key="item.id"
         :label="item.videoName"
         :value="item.id"
        ></el-option>
  </el-select>
</el-form-item>

你可能感兴趣的:(解决前端小问题,vue.js,前端,javascript)