- 博客(5)
- 收藏
- 关注
RSS订阅原创 表单优化：Vue结合Element-Ui实现检测表单是否改变跳出提示
2.5 通过isFormDirty来判断表单是否改变(其实也可以不用写computed直接通过判断isDataChangeCount 是否大于0来触发提示)1.需求说明：解决新增编辑的时候检测表单的数据是否改变多加一层用户提示，用来保证用户误触提交或取消提交按钮丢失所填数据的行为。2.3通过watch监听表单是否修改(如果有多层嵌套的对象或者数组之类的复杂数据结构一点要加deep:true)2.4通过computed来添加一个字段判断是否改变。
2024-04-16 15:06:30
507
原创 Vue结合ElementUI封装一个树形结构的列表以及增删改查数据的弹窗（可直接复用）
3.引入 treeDialog.vue文件。2.引入 tree.vue文件。1.创建index文件。
2024-04-08 10:45:36
515
原创 [vue]封装自定义列弹窗组件实现el-table自定义动态列加载
2.1 在表格加入自定义列按钮以及通过v-for去遍历el-table-column。注：css部分均被本人删除样式需自己根据项目去调整，主要是写实现过程。1.实现效果：通过前端实现el-table自定义展示列数据。2.2在data()去初始化相关数据。2.4 定义methods方法。2.3 导入自定义列的弹窗。2.5封装自定义弹窗。
2024-03-25 16:52:29
428
原创 关于将Vuex存储数据存入sessionStorage使用的过程
6.创建Login.vue文件通过触发登录按钮的点击事件触发dispatch方法调用user模块的GetInfo方法(当然这个只是个简单的demo用于讲述如果存储的过程并没有详细写关于登录的细节)在我们开发系统的时候往往在不同的模块需要调用相同的数据去展示或者供接口使用，所以可以通过将数据存储Vuex中再将其存入sessionStorage使用。1.创建store文件夹并创建index.js文件用于动态加载modules目录下所有.js文件，并将其导出的默认值存储到一个对象中。
2024-03-22 11:39:12
661
原创 解决弹窗点击编辑再点击新增时会回显的问题
1.这个问题其实纠结了我很久，最开始我通过element官网提供的resetFields方法想要去实现清空弹窗的效果但是没有用，原因是：第一次打开弹窗的时候给表单的v-model赋值了，这时候这个初始值就变成了你所赋值的值，所以你打开新增时就算调用resetFields方法，也会回显编辑时的值，因为表单的初始值变成了编辑时赋值的那个值。这种方法虽然可行但是如果表单的数据多，那么你要写的代码就很繁琐，当然在我发现v-if可以清空表单的之前我都是用这种很愚蠢的方法去实现清空表单的目的。
2024-03-22 10:35:49
786
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人