• vue+ElementUI 关闭对话框清空验证,清除form表单的操作
• 前面跟大家提到过 elementUI验证的问题，那么今天就来看看 点击对话框和关闭按钮 怎么清空验证，清空form表单，避免二次点击还会有 验证错误的提示1、首先在你的对话框 取消按钮 加一个click事件，例如：（ps:：callOf里面的addGroupData和ref一 一对应起来）<d...
• 日期：2022-12-15
• 浏览：241
• 标签： Vue

---

• vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
• 最近开发vue项目，遇到的一些问题，这里整合一下，看到一些博客已经有写相关知识，然后自己再次记录一下。这是关于vue路由相关比较常见的问题，以后遇到相关路由的问题，会不断更新这篇博客。需求1：从填写表单A页面跳转到B页面，然后再从B页面返回到A页面，实现A页面的所填的数据保留一.设置路由缓存：1.A...
• 日期：2022-12-14
• 浏览：231
• 标签： Vue

---

• 解决vue字符串换行问题(绝对管用)
• vue 中 用 {{}} 进行数据绑定的时候，如果我么你想让字符串换行是不生效的解决办法，不用上边的方式进行数据绑定，用v-html标签代替{{}}data中的str为 '<b>1111</b><br/>2222'例1，<div>{{str}}<...
• 日期：2022-12-14
• 浏览：236
• 标签： Vue

---

• vue select 获取value和lable操作
• vue select控件在选择时需要把id和name两个值都获取到，实现方案如下：select控件代码 <FormItem label='物资类型：' prop='supplyType'> <Select v-model='detailData.supplyType' :label...
• 日期：2022-12-03
• 浏览：173
• 标签： Vue

---

• Vue 基于 vuedraggable 实现选中、拖拽、排序效果
• 今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。正好有点问题给他解决了一下。废话不多说，先上最终效果：...
• 日期：2023-01-20
• 浏览：6
• 标签： Vue

---

---

• vue+Element中table表格实现可编辑（select下拉框）
• 最近在工作中遇到一个问题，需要在表格中实现数据可编辑状态，具体情况是需要在单元格里加入下拉框；并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的下拉框数据也是根据id动态生成的，内容不同；有点类似于树形二级状态，后面的下拉框数据来源并没有在前...
• 日期：2023-01-19
• 浏览：103
• 标签： Vue

---

• vue实现的多页面项目如何优化打包的步骤详解
• 遇到的问题在多页面框架打包的过程中会，随着业务的增加页面越来越多，使用的三方包也会越来越多，但并不是所有页面都会使用到三方插件，使用webpack打包会让所有的三方包打包到一起，会导致vendor.js(三方包打包后的文件)越来越大，即使没使用过三方插件的页面也会引入，页面加载会越来越慢.如何优化 ...
• 日期：2023-01-03
• 浏览：6
• 标签： Vue

---

• vue抽出组件并传值实例
• 使用父组件向子组件传值的方式1，抽出的组件以及写法2，注册使用的父组件以及传值，父组件return images补充知识：vue如何抽取公共组件并全局注册项目的抽象程度越高，代码修改起来就越方便，如何抽取一个公共的组件并且全局注册呢？步骤结构图公共组件代码<template> <i...
• 日期：2022-12-20
• 浏览：180
• 标签： Vue

---

• vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
• 在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话，有必要考虑引入vueｘ来管理这些凌乱的状态，今天这边博文用来记录这一整个的过程，后台api接口是使用webpack-server模拟的接口，这个前面的文章中有提到，需要的可以去翻阅。整个的流程是在组件的created中提...
• 日期：2022-12-20
• 浏览：179
• 标签： IOS

---

• vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
• 在项目中做联系人的添加和编辑功能，点击父级页面的添加和编辑按钮，用的是同一个表单弹窗，数据添加和编辑用同一个弹窗，没有在弹窗使用v-if，性能不是很好，弹窗中有表单，在编辑弹窗表单数据之后关闭弹窗，然后点击添加的时候，弹窗里的表单数据还是之前编辑的数据，无法做到清空表单数据，接下来是解决方法了，嘿嘿...
• 日期：2022-12-18
• 浏览：248
• 标签： Vue

---