element的选择框

 

 

<el-col :span="12">
            <el-form-item label="角色">
              <el-select v-model="form.roleIds" multiple placeholder="请选择" @change="handleChange">
                <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId"></el-option>
              </el-select>
            </el-form-item>
          </el-col>

handleUpdate(row) {
      this.reset()
      const userId = row.id || this.ids
      getUser(userId).then((response) => {
        this.form = response.data
        this.roleOptions = response.roleOptions
        this.$set(this.form, 'roleIds', response.roleIds)  #实时动态刷新
        // this.form.roleIds = response.roleIds    #非实时
        this.open = true
        this.title = '修改用户'
        this.form.password = ''
      })
    },

    // handleChange(ids) {   //查看控制台的时间日志

    //   console.log(ids, 'ids')

    //   console.log(this.form.roleIds, 'this.form.roleIds')

    // },