<template>
<div class="app-container">
<el-form ref="form" :model="form" :rules="rules2" label-width="120px" class="spHeight">
<el-form-item label="角色編號(hào)" 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();
}
},
步驟:給要設(shè)置屬性的控件加上ref屬性如上圖
<el-input v-model="form.RoleId" ref="roleid" />
在方法中使用 this.$refs.roleid.disabled=true;設(shè)置控件roleid的disabled屬性就可以了
聯(lián)系客服