最近项目上提出一个经常遇到的需求,点击新增时input可输入,点击编辑时input置灰。写下过程,希望能帮助到大家。
1.首先在input上添加disabled属性
2.data中定义isDisabled值为false(可编辑)
3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑).
最后的效果就是文章最开头啦!
☽
时间:2024-07-16 16:49:41
最近项目上提出一个经常遇到的需求,点击新增时input可输入,点击编辑时input置灰。写下过程,希望能帮助到大家。
1.首先在input上添加disabled属性
2.data中定义isDisabled值为false(可编辑)
3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑).
最后的效果就是文章最开头啦!
☽
angular4 form 表单中 input输入框的disabled属性 (实用)
2021-03-23
angular2+ form 表单中 input输入框的disabled属性设置无效
2023-12-29
vue 设置所有的输入框只读_VUE.js实现动态设置输入框disabled属性
2022-09-08