element-plus element vue3 plus
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue3+ swiper8
swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用 原因：清空方式有问题 我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
element ui 动态下拉框定位
先触发动态生成代码 #po封装 btn_pre_out = (By.XPATH, '/html/body/div/div/div[1]/div[3]/div/span') btn_out = (By.XPATH, '/html/body/ul/li') self.click(*self.btn_pr ......
vue3拾遗（不定期更新）
props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时，会依次触发onBeforeUpdate、onUpdated生命周期钩子 ......
Mybatis-Plus generator
自动生成 CodeGenerator.java package com.lily.blog; import com.baomidou.mybatisplus.generator.FastAutoGenerator; import com.baomidou.mybatisplus.generator. ......
用print-js实现打印功能时element table组件打印不全的问题
插件下载： npm install --save print-js 解决方案，修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
element-ui上传组件，before-upload发送异步请求 + Promise
element-ui上传组件，before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef ......
关于 vue element date-picker 2023年节假日过滤
element-ui DatePicker 的使用可参考：https://element.eleme.cn/#/zh-CN/component/date-picker 具体节假日需要每年12月份，跟据国家发部的通知自己行做调整 2023年节假日通知参考：http://www.gov.cn/zheng ......
vue3 路由页面返回时，恢复滚动条位置
首先，路由必须是KeepAlive模式 <script setup lang="ts"> import { onActivated } from "vue"; import { onBeforeRouteLeave } from "vue-router"; import { ref } from " ......
2023最新版——新手使用mybatis-plus 3.5.2并使用器代码生成器
最新版——新手使用mybatis-plus 3.5.2并使用器代码生成器 第一步，pom文件引入依赖 主要引入mybatis-plus和代码生成器需要使用的freemaker依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>myb ......
element UI 合并table上下单元格
写了半天，写个记录 方便后续碰到了使用。 /** * 根据 表信息 与 要合并的 字段信息 计算要合并的信息 用于 合并 * @param {*} list 表信息 * @param {*} mergeFields 要合并的字段信息 * @param {*} mainField 依据 什么进行的 单 ......
Vue3 如何让代码变得清新优雅，代码洁癖患者进！（1）
继续上上上上...上一篇 列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3，赞继续谈一下，如何优雅封装页面上的组件。 页面上的组件有很多种，最让人头疼的是弹窗表单组件。 🎶 在小小的键盘上呀，敲呀敲呀敲，敲完了列表 敲操作 敲完了操作 敲搜索 敲完了搜索 敲弹窗 敲完了弹窗 敲表单 ......
vue3 组件使用
子组件接收参数 <template> <div> <!-- 子组件 参数：num 、nums --> <child :num="nums.num" :doubleNum="nums.doubleNum" @increase="handleIncrease"> </child> </div> </te ......
Vue3 QuillEditor 富文本编辑器
对于这个组件，我是又爱又恨，上代码： <template> <div> <!-- 此处注意写法v-model:content --> <QuillEditor ref="myQuillEditor" theme="snow" :content="content" :options="data.edi ......
vue3 多级数据下拉选择组件
若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于 element-plus el-tree-select 组件： 举个栗子，TreeSelect.vue： <template> <div> <el-tree-select style="width:100%" v-model="valueId ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
adobe premiere elements中文激活版下载(mac/win)
Premiere Elements是Adobe公司开发的一款视频编辑软件，旨在为家庭和小型企业提供简单易用的视频编辑工具。它是Adobe Premiere Pro的简化版本，适合初学者和家庭用户使用。 Premiere Elements提供了许多基本的视频编辑功能，例如剪辑、裁剪、调整亮度、对比度、 ......
Vue3 图片上传组件
基于 vue3 element-plus 图片上传组件封装，兄弟姐妹们，将就看一下吧，上代码： <template> <div class="component-upload-image"> <el-upload :limit="limit" :action="uploadFileSignleUrl ......
Vue3 文件上传组件
基于 vue3 element-plus 文件上传组件封装，兄弟姐妹们，将就看一下吧，上代码： 支持：粘贴文件路径上传、文件识别开关 <template> <div> <div v-if="canRecognition"> <el-checkbox v-model="isRecognition">开 ......
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码： <template> <div class="component ......
MyBatis-Plus和PageHelper冲突导致Factory method sqlSessionFactory threw exception
springboot开始引入了mybaits-plus。后来想引入pagehelper进行分页，引入之后报错 Error starting ApplicationContext. To display the conditions report re-run your application wit ......
vue+element输入框校验输入汉字再输入数字看似正常，实则有大问题，保存时数据不对
在vue+element UI 项目中经常会使用到输入框限制为整数或者小数的需求，一般采用如下oninput="value=value.replace(/[^0-9.]/g,'')"解决， <el-input :placeholder="请输入整数或者小数" v-model="inputValue" ......
模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?
在使用Element Plus写demo时，导入ElMessage组件出现 【模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?】的错误提示 ......
Element table 表格中 el-select 传递参数，自定义参数
<el-table-column prop="cvRobotName" label="机器人" align="center" v-if="mode !== 2"> <template slot-scope="item"> <el-select v-model="tableData[scope.$in ......
ai问答：vue3+pinia+WebSocket 封装断线重连（实战）
把socket实例 挂载到全局 为方便梳理，请忽略typescript # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" import ro ......
列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3
这个组件解决的问题？ 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。 如何使用？ 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
Mybatis-Plus条件构造器
Wrapper 介绍 Wrapper ： 条件构造抽象类，最顶端父类 AbstractWrapper ： 用于查询条件封装，生成 sql 的 where 条件 QueryWrapper ： 查询条件封装 UpdateWrapper ： Update 条件封装 AbstractLambdaWrappe ......
Mybatis-Plus常用注解
@TableName @TableName 设置实体类对应表名。 在使用MyBatis-Plus实现基本的CRUD时，我们并没有指定要操作的表，只是在 Mapper接口继承BaseMapper时，设置了泛型User，而操作的表为user表。 MyBatis-Plus在确定操作的表时，由BaseMap ......
Mybatis-Plus基本CRUD——通用Service
通用 Service CRUD 封装IService接口，进一步封装 CRUD 采用 get 查询单行 remove 删 除 list 查询集合 page 分页 前缀命名方式区分 Mapper 层避免混淆。 MyBatis-Plus中有一个接口 IService和其实现类 ServiceImpl，封 ......