vue动态控制当前行的disabled禁用属性
需求:新增一行固定存在,新增的行项目默认不允许修改,设置disabled 属性,点击当前 编辑的时候文案改变为‘’确认编辑‘’,并且下拉框和输入框为可编辑
解决办法:如果后台有返回状态就可以直接用,如果没有就在查询数据的时候手动添加一个 属性进去 ,eg: 在json数组的没一行数据都加一个 disable:true,然后再html 上面绑定
:disabled="val.disabled" ,然后点击操作的时候直接改变状态: val.disabled = false; 截图如下:
以上是 vue动态控制当前行的disabled禁用属性 的全部内容, 来源链接: utcz.com/z/379992.html