vue点击编辑按钮，内容变成input可以修改，也可以删除

一、效果

图1

图2，点击报错之后，又变成图1的效果

二、使用到了element UI中的以下组件：

三、使用的关键点是vue中的v-if指令

四、关键代码如下

HTML部分

 1       

 2         

 3           添加街道
 4           编辑
 5           保存
 6         
 7         

 8           
15         
16       

JS部分

 1 

 

转载于:https://www.cnblogs.com/llcdxh/p/9488274.html