element-plus element vue3 plus
mybatis-plus中添加的依赖，使用的方法，分页查询中添加的拦截器
2023-09-10 mybatis-plus中添加的依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.0</version> ......
在springboot项目种引入element组件
1、保证vue的版本在3以上 2、Win+R--打开命令行窗口（cmd） 输入下面的命令，打开图形化界面： vue ui 3、打开我们创建的vue项目 选择路径即可自主导入项目； 4、安装element-ui的插件依赖 5、查看项目中是否存在 ok！ ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
vue3探索——5分钟快速上手大菠萝pinia
温馨提示：本文以vue3+vite+ts举例，vite配置和ts语法侧重较少，比较适合有vuex或者vue基础的小伙伴们儿查阅。 安装pinia yarn yarn add pinia npm npm install pinia pnpm pnpm add pinia 1-开始 方式一：在main. ......
vue3 如何获取格式为 proxy 值的原始值
vue3中变量多使用 ref, reactive 来声明。如下： const firstName = ref('Tom') const lastName = ref('Jerry') const form = reactive({ name: '', sex: '', age: '', area: ......
从零开始使用vue2+element搭建后台管理系统（前期准备）
准备开始 1. 安装node （node -v查询版本号） (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we ......
vue3 配置 less
下载依赖包 yarn add -D less less-loader 安装完之后就可以在代码中使用 less 编码了 <style lang="less" scoped> .about { min-height: 100vh; .header { color: red; font-size: 3re ......
vue3 跳转小程序
兼容微信内跳转 和 h5跳转 第一步 在index.html 里面引入 SKD <!-- 公众号 JSSDK --> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!-- 云开发 Web SDK --> ......
Confluence的Excel插件Elements Spreadsheet安装
## 背景 Confluence是现在广泛使用的团队协作文档系统。虽然自身带了一些表格编辑功能，但表格的整体功能较弱，比如不能通过Excel文件进行导入导出，表格在复制到Excel时格式会比较奇怪等等。对于未完全整合流程到Confluence上的团队，信息从Excel到在线文档系统的流转是个巨大的工 ......
vue3+PHP实战手册(16)
[TOC] # 通讯录管理系统登录 使用v-model进行双向绑定，将表单输入框的内容同步给 JavaScript 中相应的变量，设置了相应的事件监听器。 { this.$refs["ruleForm"].validate(async (valid) => { if (valid) { //当验证通过执行你添加的操作 }else ......
vue3 + TS + three初始化搭建
这段时间一直在学习three，vue3 和TS 一直有了解但做项目都没有使用，趁着有时间，想着自己做个小demo检测所学成果。 安装three，@types/three，我使用vue创建项目，TS版本和three 不兼容，然后又下载的最新版本。 然后封装一个类，初始化场景，相机，控制器，渲染器，后期 ......
element plus --- el-cascader 省市区三级 子集全部选中返回父级label
### 代码如下： ``` ``` #### js方法 ``` const areaCascader = ref(null) // 获取统计区域城市名 const handleCityChange = val => { queryForm.value.checkAraeList = val quer ......
CF1872D Plus Minus Permutation
## 思路 又又又是一道 CF 诈骗题。 对于 $x$ 选出来的数，我们尽量放大的，对于 $y$ 选出来的数，我们尽量放小的，但是呢，存在同时被 $x$ 和 $y$ 选出来的数，就随便放。 但是可以发现按照题目给的数据范围，这么找选择的数，然后放最大或者是放最小，肯定是超时。 所以我们可以直接算出有 ......
关于element-ui 中table的问题以及解决
## 这篇文章是记录上个月开发中的问题，有知道原理的请发送邮件 ## 0727 我吐了，element-ui,这玩意咋这么多坑 ### 背景 点击某个按钮，打开内嵌表单的dialog，然后不能让用户手动输入值，要根据后台去查可选项，将可选项变成可视化的表格，表格包含基本信息，再让用户去选；因为有两项 ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
Vue3实战06-CompositionAPI+<script setup>好在哪？
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来，可在任意需要的地方复用。 基于组件去搭建应用，可实现对业务逻辑的复用。如有其他页面也需要用到这功能，直接复用。 然后，就可基于新语法实现清单应用。 把之前的代码移植过来后，使用ref包裹的响应式数据。修改tit ......
element-ui源码修改记录
## 1、介绍 本项目是基于element-ui@2.15.14的基础上，二次修改源码，封装的ui组件，在此特别感谢[elemen-ui组件库](https://github.com/ElemeFE/element) ## 2、更新功能 ### 2.1在el-cascader组件的基础上，添加了只多 ......
Java程序员学vue3最好的方式就是搭建后台管理模板
作为Java程序员，vue3还是有必要学的，我推荐学会了vue3基础的Java工程师，尝试搭建自己的后台管理模板，这是提高vue3熟练度最快的方式。 ......
vue3 mitt快速上手
为什么要使用mitt？因为vue3已经没有提供配套的事件总线bus，需要使用第三方库mitt来完成vue2中bus完成的事情 第一步：安装mitt npm install mitt1第二步：在项目的js文件中导入mitt（局部注册） // mitt.js文件import mitt from 'mit ......
MyBatis Flex与MyBatis Plus多租户使用上的区别
一、配置类 1、MP实现TenantLineHandler类，定义租户过滤规则。可配置单个租户Id过滤、租户字段、忽略表。启动时租户Id为空会报错； 2、MF实现TenantFactory类定义过滤规则。可配置多个租户Id、通过字段注解配置租户字段，没有忽略表配置项。租户Id为空时忽略租户条件。 二 ......
使用vite创建vue程序，同时引入element-plus
步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......
vue3 | mitt的基本使用
# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......
MacBook 搭建 VUE3 开发环境
MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......
【Element】el-cascader 级联选择，点击文本直接选中
 ```css .el-cascader-panel { .el-radio { width: 100%; ......
vue3 使用provide inject父子组件传值传不过去且传递后子组件不具备响应性
通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......
vuejs3.0 从入门到精通——vue3创建项目的时候卡顿，比较慢
vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......
vue3集成jsoneditor
## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......