element-plus element vue3 plus
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
dom4j操作Element节点方法
1.获取文档的根节点 Element rootElm = document.getRootElement(); 2.取得某节点的单一子节点 Element memberElm=root.element("tagName"); 3.取得节点的文字 String text=root.elementTex ......
【错误异常】The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+".
The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+". 服务启动异常 排查mapper.xm ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！ ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
直播app开发搭建，element plus中的el-link如何去掉下划线
直播app开发搭建，element plus中的el-link如何去掉下划线 解决方法：在el-link中增加 :underline='false' <el-table-column property="name" label="名称" show-overflow-tooltip> <templat ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
element ui 多选框（是否可以勾选）
#1. 添加属性 selectable <el-table-column width="50" type="selection" align="center" :selectable="handleSelectable" /> #2. 编写函数 handleSelectable(row) { if ......
Mybatis Plus 分页查询数据
Mybatis Plus 分页查询数据 一、分页配置 package com.example.demomybatispage.config; import com.baomidou.mybatisplus.annotation.DbType; import com.baomidou.mybatisp ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
Element Plus 日期控件（Date Picker） 开始日期和结束日期范围限制
话不多说直接看效果 结束日期 >= 开始日期 开始日期 <= 结束日期 代码如下 <template> <el-date-picker v-model="startDate" :disabled-date="(val) => startPickerOptions" type="date" place ......
element plus
https://element-plus.org/zh-CN/guide/design.html 设计 控制反馈： 通过界面样式和交互动效让用户可以清晰的感知自己的操作； 页面反馈： 操作后，通过页面元素的变化清晰地展现当前状态。 帮助用户识别： 界面简单直白，让用户快速识别而非回忆，减少用户记忆负 ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
接着https://www.cnblogs.com/webor2006/p/17608839.html继续往下。 登录功能开发： 接下来则来开发用户的登录功能，先准备后端的接口。 后端增加登录接口： 1、UserLoginReq： 先来准备用户登录的请求实体： package com.cexo.wi ......
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
「案例DEMO」直接用maven插件生成springboot2.5.4+mybatis-plus3.5.3.2+hikari+swagger2 2.9.2项目并运行
mybatis-plus-code-maven-plugin-demo 该项目演示如何使用mybatis-plus-code-maven-plugin插件生成项目 demo: https://gitee.com/javalaoniu/mybatis-code-maven-plugin-demo 插件 ......
「开源系统」mybatis-plus代码生成工具（自己基于官方的封装的，打包成了maven插件的方式）
mybatis-plus代码生成工具 本工具基于MyBatis-Plus的代码生成器， MyBatis-Plus官网：https://baomidou.com/ ，请尊重原作者作品。 demo: https://gitee.com/javalaoniu/mybatis-code-maven-plug ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
学习Mybatis-Plus的记录
目录1. 常用注解2. 条件查询2.1. 各种方式的查询2.2. AllEq用法2.3 selectOne方法2.4 lambda条件构造器2.5 select 不查出所有的字段2.6 通用Mapper2.7 自定义sql3. 分页查询4. 更新5. AR（ActiveRecord）模式6. 主键策 ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
从零开始使用vue2+element搭建后台管理系统（主页）
登录后，应有一个主页，可以展示当前用户的一些信息，例如上次登录时间地点、修改手机号、重置密码等简单功能，如图： 首先在views下新建HomeView.vue文件： <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
关于element-plus框架一些样式的修改
一、关于使用element框架一些测试建议覆盖的样式 1.取消按钮的focus效果 (1) css样式覆盖 // element按钮部分伪类样式覆盖 // 用于覆盖element按钮focus的样式 .el-button:not(.is-link):not(.is-text):not(.is-dis ......
解决vue3中抽离出来的js如何调用页面的方法
有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......
vue3 elementplus 列表中添加排序功能，移动的时候修改背景色
<el-table size="medium" :border="true" :data="branchTableData" :row-style="changeColor" :stripe=false style="width: 100%;"> <el-table-column type="ind ......