啊怪c-CSDN博客

2.5 通过isFormDirty来判断表单是否改变(其实也可以不用写computed直接通过判断isDataChangeCount 是否大于0来触发提示)1.需求说明：解决新增编辑的时候检测表单的数据是否改变多加一层用户提示，用来保证用户误触提交或取消提交按钮丢失所填数据的行为。2.3通过watch监听表单是否修改(如果有多层嵌套的对象或者数组之类的复杂数据结构一点要加deep:true)2.4通过computed来添加一个字段判断是否改变。

2024-04-16 15:06:30 987

原创 Vue结合ElementUI封装一个树形结构的列表以及增删改查数据的弹窗（可直接复用）

3.引入 treeDialog.vue文件。2.引入 tree.vue文件。1.创建index文件。

2024-04-08 10:45:36 770

原创 [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 814 1

原创关于将Vuex存储数据存入sessionStorage使用的过程

6.创建Login.vue文件通过触发登录按钮的点击事件触发dispatch方法调用user模块的GetInfo方法(当然这个只是个简单的demo用于讲述如果存储的过程并没有详细写关于登录的细节)在我们开发系统的时候往往在不同的模块需要调用相同的数据去展示或者供接口使用，所以可以通过将数据存储Vuex中再将其存入sessionStorage使用。1.创建store文件夹并创建index.js文件用于动态加载modules目录下所有.js文件，并将其导出的默认值存储到一个对象中。

2024-03-22 11:39:12 957 1

原创解决弹窗点击编辑再点击新增时会回显的问题

1.这个问题其实纠结了我很久，最开始我通过element官网提供的resetFields方法想要去实现清空弹窗的效果但是没有用，原因是：第一次打开弹窗的时候给表单的v-model赋值了，这时候这个初始值就变成了你所赋值的值，所以你打开新增时就算调用resetFields方法，也会回显编辑时的值，因为表单的初始值变成了编辑时赋值的那个值。这种方法虽然可行但是如果表单的数据多，那么你要写的代码就很繁琐，当然在我发现v-if可以清空表单的之前我都是用这种很愚蠢的方法去实现清空表单的目的。

2024-03-22 10:35:49 1131 3

weixin_53492834的博客

原创解决el-radio切换选项时前端控制台报错的问题

原创最近封装了个输入框只输入数字的公共指令，允许修改保留几位小数，默认无参数时只保留整数，例：v-number-only=“2“ 则为保留两位小数

原创关于后端不分页表格数据通过滚动加载提升性能的方法

原创解决出现打印this.$refs有子组件但是子组件却是undefined的问题

原创 Vue3+elementUi实现表格内Tag的增删改查

原创纯前端压缩图片（可直接复用）

原创表单优化：Vue结合Element-Ui实现检测表单是否改变跳出提示

原创 Vue结合ElementUI封装一个树形结构的列表以及增删改查数据的弹窗（可直接复用）

原创 [vue]封装自定义列弹窗组件实现el-table自定义动态列加载

原创关于将Vuex存储数据存入sessionStorage使用的过程

原创解决弹窗点击编辑再点击新增时会回显的问题

空空如也

空空如也