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

  

  

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

      

 

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

  

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

   

 

 

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

                                                                                                ☽

Logo

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

更多推荐