记录写vue的日常坑，过后总会忘_vue学了就忘-优快云博客

关于el-form回显数据无法修改的问题

需要把表单转换为json类型数据

modifyUserInfo(param) {
      console.log("修改用户信息");
      console.log(param);
      console.log(JSON.parse(JSON.stringify(param)));
      // let row = JSON.parse(JSON.stringify(param));
      // param = JSON.parse(JSON.stringify(param));
      this.systemUserTitle = "修改用户信息";
      this.systemUserOpen = true;
      this.systemUserForm.username = param.username;
      this.systemUserForm.roleNos = param.roleno.toString().split(",");
      this.systemUserForm.nickname = param.nickname;
      this.systemUserForm.status = param.status;
      this.systemUserForm.mobile = param.mobile;
      this.systemUserForm["userno"] = param.userno;
      this.systemUserForm = JSON.parse(JSON.stringify(this.systemUserForm));
    },

关于el-select多选回显不显示数据问题

这是多选的元素

<el-form-item label="角色分配" prop="roleNos">
          <el-select
            v-model="systemUserForm.roleNos"
            placeholder="请选择"
            size="small"
            multiple
            @change="$forceUpdate()"
          >
            <el-option
              v-for="item in RolesTypes"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>

回显的时候需要绑定的这个值是array，

this.systemUserForm.roleNos = param.roleno.toString().split(",");

之后因为数据嵌套太深，需要在选择器上需要加入强制渲染的方法，才能重新使用选择器。

 @change="$forceUpdate()"

记录于2022.07.28