最近项目上提出一个经常遇到的需求，点击新增时input可输入，点击编辑时input置灰。写下过程，希望能帮助到大家。

  

  

 1.首先在input上添加disabled属性

      

 

  2.data中定义isDisabled值为false(可编辑)

  

  3.在新增的点击事件中设置isDisabled=false(可编辑) . 编辑的点击事件中设置isDisabled=true(不可编辑).

   

 

 

     最后的效果就是文章最开头啦！       

                                                                                                ☽

# javascript
Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

口才教育：如何提升沟通技巧与表达能力

avatar ViewDesign
cover

C 嵌入式系统设计模式 28：通道模式

avatar ViewDesign

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...

avatar ViewDesign