admin管理员组

文章数量:1640620

有时候会有这样的需求,新增的时候可以输入,修改的时候就把输入框禁用,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢?


<el-input v-model="tableForm.key" :disabled="disabled">

要记住v-bind就是:
:disabled是个禁用的属性
在下面绑定

data(){
return{
disabled:false
}
}

在你想禁用的条件下,写上
this.disabled=true;

本文标签: 输入框属性方法动态vue