vue-auto-fill-form
v2.0.0
Published
>vue 2.x自动回填表单
Downloads
1
Readme
##vue-auto-fill-form
vue 2.x自动回填表单
安装说明
npm i vue-auto-fill-form -D
使用说明
// 在main.js(入口js)里引用
if (process.env.NODE_ENV === 'development') {
import 'vue-auto-fill-form'
}
注意
1、自动回填表单的插件暂时只支持vue2.x版本,vue3.x版本还未测试,不知道会不会有问题
2、该插件只在本地运行项目中其作用,项目发布到线上,插件会自动失效(原因:该插件依赖vue的热更新)
3、插件只支持将数据回填到form当中,所以回填的表单都要有form包裹;例如:<el-form>....</el-form>
4、回填的表单最好设置下表单的name,该name最好为唯一值;例如:<el-form name="form">....</el-form>
(原因:插件保存的数据是存到浏览器的localStorage中,而name会被当作key。如果没有写name,插件会自动获取
该form组件的_uid,获取_uid会有一个问题;例如:a页面保存了表单的数据,但是又跳转到了b页面,再次回到a页面时
_uid有时会发生变化,不过重新刷新a页面_uid又会变成开始保存时的)
5、插件采用了MutationObserver进行页面的监听,会出现一个场景:a页面时将插件拖拽到右侧,但是打开b页面时会自动
跑到左顶点这是正常现象
6、点击关闭后,本地开发中只要不点击浏览器的刷新按钮,插件就不会运行;刷新浏览器又会重新加载插件;关闭后,热更新
不会自动唤醒插件