首页 > 其他 > 详细

vue动态控制当前行的disabled禁用属性

时间:2020-05-28 15:16:29      阅读:359      评论:0      收藏:0      [点我收藏+]

需求:新增一行固定存在,新增的行项目默认不允许修改,设置disabled 属性,点击当前 编辑的时候文案改变为‘’确认编辑‘’,并且下拉框和输入框为可编辑 

解决办法:如果后台有返回状态就可以直接用,如果没有就在查询数据的时候手动添加一个 属性进去 ,eg: 在json数组的没一行数据都加一个  disable:true,然后再html 上面绑定 

:disabled="val.disabled"   ,然后点击操作的时候直接改变状态: val.disabled = false;   截图如下:

技术分享图片

技术分享图片

技术分享图片

 

vue动态控制当前行的disabled禁用属性

原文:https://www.cnblogs.com/lidonglin/p/12980471.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!