...

一、效果 图1 图2，点击报错之后，又变成图1的效果 二、使用到了element UI中的以下组件： <el-button> <el-input> 三、使用的关键点是vue中的v-if指令 四、关键代码如下 HTML部分 JS部分 ...

vue点击编辑按钮，内容变成input可以修改，也可以删除 一、效果 图1 图2，点击报错之后，又变成图1的效果 二、使用到了element UI中的以下组件： <el-button> < ...

上面是一个输入框，一开始是初始化是不可编辑状态，点击图标<i>改变编辑状态，当可编辑的时候<i>图标会消失，然后点击其他地方，input框就会自动保存，变回不可编辑状态。这里用到的技术主要是ng-blur，判断input框是否失焦，一旦失去焦点就改变 ...

很多时候，当我们点击提交按钮，如果因为执行的程序太慢，或是网络问题，就会一直处于提交状态。 不了解的人，还以为是没有提交成功，于是就会一直点提交、提交、提交…… 这样就会造成多次提交，而产生重复记录。 那么要如何才能防重复提交呢？ 小编的做法就是，使用js来控制。 当点击提交后将按钮变成 ...

　　直接上代码： 　　效果： 　　 ...

...

; 直接在input中定义onfocus和onblur事件，缺点：鼠标一离开就显示提示文字,输入框中用户 ...