vue-element el-select 赋值选择项后选择事件不生效

1、截图

2、描述

2.1 控件代码

          <el-form-item label="处理状态" prop="processStatus">
            <el-select v-model="form.processStatus"
                       @change="$forceUpdate()"
                       placeholder="请选择处理状态" style="width: 42%">
              <el-option v-for="item in processList"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value"></el-option>
            </el-select>
          </el-form-item>

2.2 初始化代码

data() {
  return {
        ...
      form: {
         processStatus: null,
      },

      processList:[{
          value: "1",
          label: "处理完成"
       },
       {
           value: "2",
            label: "未完成处理"
       }],
   };
}

2.3 查询数据库（或者其他操作对下拉列表）重新赋值

 

// 例如: 模拟查询数据库值为1 重新对列表项赋值
this.form.processStatus="1";

2.4 选择事件不生效。还是默认的选择值，无法对列表进行选择

// 必须添加强制刷新，也就是页面中红色字体部分，弄个半天时间。记录下希望对使用者有用，转载请说明出处。

 @change="$forceUpdate()"