主要介绍了vue.js 实现输入框动态添加功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。 用法： 运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。 在keep-alive标签内部添加 include：字符串或正则表达式。只有匹配的组件会被缓存 exclude： 字符串或正则表达式。任何匹配的组件都不会被缓存。 结合router缓存部分页面： 比较实用的例子： 思路：通过beforeRouterLeave这个钩子来对路由里面的keepAlive进行赋值。从而动

有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？ 输入框的html源代码 新增~ 通过F12查看实际页面渲染代码 修改~ 通过F12查看实际页面渲染代码 主要是通过 v-bind:disabled 绑定 dataForm.id 的值来动态判断是否添加 disable

代码如下所示： vue-demo {{title}} {{subTitle}} <input type=text v-model=my