element-plus element vue3 plus
vue3 虚拟滚动的一些实践
看到这个vueuse库打开新天地后，看到一句warning： Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用，前提是看懂文档 业务需要使用grid，它的grid竟 ......
vue3 - onMounted 多次触发 - 解决
1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面，vue+element搭配是能提升效率的前端框架，因为使用还不太熟练，将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
MyBatis-Plus 实现动态字段排序
## 场景 ## 虽然前端能根据返回的数组进行对字段的排序，但也仅局限于实现当前页的排序，无法满足全部数据的排序，所以需要走接口的查询进行排序，获取最全的排序数据。 ![](https://img2023.cnblogs.com/blog/1639345/202306/1639345-2023062 ......
【vue3】实现el-tree组件
禾小毅 csdn博客 【vue3】实现el-tree组件，将不同层级的箭头修改成自定义图标的组件封装及调用 【vue3】实现简易的 “百度网盘” 文件夹的组件封装实现 【vue3】 实现 公共搜索组件，在当前页搜索的路由跳转不能改变当前值的操作，使用bus / event-emitter 派发器 ......
关于vite创建vue3项目@代替src失效的问题
用vite创建的vue3项目，用@来代替src不生效。报错：[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Doe ......
vue3+vite+TS搭建项目
## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
The content of element type “web-app“ must match 解决方法
# 报错原因 问题描述 ： 在创建 SpringMVC 时 ， 选用 idea 的 webapp 模板来创建 ， xml 配置文件中进行配置时发现提示警告 警告如下：  npm init vue@latest vue-cli 命令行创建(可以选择vue2还是vue3，但是创建出来的是一个空的vue) vue create hello-world vue-cli 可视化创建(可以新建项目，也可以给项目添加 ......
element ui 的时间控件 位置 不正确
如图： 从红箭头点击后的时间控件弹出层的位置与预计的期望偏了很多！！ 至于从<el-date-picker> </el-date-picker> 标签上修改？ 改不到控件的弹出层！ 只能在 <el-date-picker> </el-date-picker> 标签上 添加 popper-class= ......
vue3和ts的一些使用
### 一. setup 变量不在写在data里面， 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串，数组等变量值； 2. 变量赋值需要使用.value； ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
Vue3 element-Plus el-tree 权限树 传值给后端及回显问题
内容:权限在新增人员时候选择传给后端并且编辑回显 坑: 1.传给后端的权限数组需要传父级id 例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端 2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
动手开发第一个 SAP Fiori Elements 应用
本教程的前五篇文章，我们已经为 SAP Fiori Elements 的创建做了足够的铺垫。 - [0.迈入 SAP Fiori Elements 开发的大门 - 什么是 Fiori Elements，它和 Freestyle UI5 开发方式有何区别?](https://jerry.blog.cs ......
记录--Vue3 封装 ECharts 通用组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
element 对话框标头样式美化
/deep/ .el-dialog__body { padding-top: 27px; padding-left: 42px; padding-right: 38px; } /deep/ .el-dialog { background: #F8FAFC; border-radius: 12px; ......
Vue3中computed的用法
Vue3中computed的用法 computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
vue3 + i18n
vue3 + i18n 安装： npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n： import { createApp } from 'vue'import App ......
谈谈Vue3中的ref和reactive
谈谈Vue3中的ref和reactive ref和reactive是什么？ref和reactive是Vue3中用来实现数据响应式的API一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封 ......
vite+vue3项目中使用 lottie 动画，如何在 template 中直接使用本地 json 文件路径
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC ......
mybatis-plus 数据库日志仅打印SQL
一、项目背景：springboot、web组件、Mysql8、java8+； 二、开发环境打印SQL及执行结果日志，便于调试接口； mybatis-plus配置文件的configuration节点添加以下配置 2、效果 三、生产环境仅打印SQL，避免打印过多的查询结果影响系统性能 1、pom中增加s ......
mybatis plus generate
1.添加依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.5.1</version> </dependency> <depende ......
2023-06-19 uniapp云打包报错：app-plus.distribute.icons.android.hdpi 文件不存在
详细报错： [HBuilder] 11:02:51.408 Manifest.json文件以下节点配置错误，请检查修复[HBuilder] 11:02:51.408 app-plus.distribute.icons.android.hdpi 文件不存在[HBuilder] 11:02:51.408 ......
【对比】ChatGPT Plus与ChatGPT实操对比体验
如何充值ChatGPT Plus？了解ChatGPT与ChatGPT Plus差异，通过提问问题，对比ChatGPT3.5与4.0模型优缺点，带领没法玩ChatGPT的同学体验大怨种的付费体验 ......
Vue3 - 实现文本复制粘贴功能
1.安装库并导入 npm i vue-clipboard3 --save 2.在需要的前端文件中导入 import clipboard3 from 'vue-clipboard3' html结构如下 <template> <div class="hello"> <input type="text" ......
MyBatis Plus
MyBatis Plus是MyBatis的增强工具，它简化了MyBatis的使用，提供了更多的功能和特性，让开发者更加方便地进行数据库操作。本文将介绍MyBatis Plus的一些技术特点和使用方法。 1. MyBatis Plus的技术特点 MyBatis Plus的技术特点主要有以下几个方面： ......
element-tree相关经验汇总
前言：这个el-tree是前段时间做项目时候写的，一直没时间进行整理，最近那个项目的tree数据超级大，导致浏览器卡死，需要进行处理，正好，趁着这次，把相关的配置也给整理一下(*^▽^*) 大概呢就张这个样子：有查询、增加、删除、修改、上移、下移几个功能 那就先写一下相关配置吧： 我这个树上用到的属 ......
Mybatis-plus的selectPage()分页查询不生效问题
@Configuration @MapperScan("com.wl.spbt_vue.mapper") public class MybatisPlusConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterceptor() { M ......