【原】成功vue获取dom控件并动态设置属性

<template>
  <div class="app-container">
    <el-form ref="form" :model="form" :rules="rules2" label-width="120px" class="spHeight">
      <el-form-item label="角色编号" prop="RoleId">
        <el-input v-model="form.RoleId" ref="roleid" />
      </el-form-item>
      <el-form-item label="角色名称" prop="RoleName">
        <el-input v-model="form.RoleName" />
      </el-form-item>
      <el-form-item style="text-align:center">
        <el-button type="primary" @click="save();">保存</el-button>
        <el-button type="primary" @click="modify();">删除</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
 save() {
      this.$refs.roleid.disabled=true;
      return;
      if (this.OperateModel == "add") {
        this.add();
      } else {
        this.modify();
      }
    },
步骤：给要设置属性的控件加上ref属性如上图
<el-input v-model="form.RoleId" ref="roleid" />
在方法中使用 this.$refs.roleid.disabled=true;设置控件roleid的disabled属性就可以了