element-plus element vue3 plus
Mybatis-Plus基本CRUD——通用Mapper
BaseMapper 接口 MyBatis-Plus中的基本CRUD在内置的BaseMapper中都已得到了实现，我们可以直接使用，接口如下： /** * Mapper 继承该接口后，无需编写 mapper.xml 文件，即可获得CRUD功能 * <p>这个 Mapper 支持 id 泛型</p> ......
Mybatis-Plus 简介及入门案例
Mybatis 简介 MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 官网地址：https://www.baomidou.com/ 特性 无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺 ......
element中表格的另一种显示方法
正常(默认展示该数据的相关属性值)： <el-table-column prop="name" label="姓名" width="180" ></el-table-column> 转换法（去掉prop属性，改为用值判断显示内容）： <el-table-column label="图像" width ......
VueUse 是怎么封装Vue3 Provide/Inject 的？
Provide/Inject Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性，但注入一个响应式对象，仍然有响应式的效果。 Provide 的问题是无法追踪数据的来源，在任意层级都能访问导致数据追踪比较困难，不知道是哪一个层级声明了这个或者不知道哪一 ......
Vite-WeGPT聊天AI实例|vue3+pinia仿ChatGPT聊天界面
基于vue3.x+vite4+pinia2仿chatgpt聊天模拟实例Vue3-WeGPT。 基于Vite4.x+Vue3+Pinia2+VEPlus+Vue3-Markdown等技术实现仿ChatGPT聊天AI界面实例。整体界面简洁清新、支持2种界面布局、暗黑+亮色模式、全屏+半屏展示、Markd ......
vue3源码-三、ref和toRefs的实现
实现Ref ref的本质就是通过类属性访问器来实现，可以将一个普通值类型进行包装 import { hasChanged, isObject } from "@vue/shared"; import { track, trigger } from "./effect"; import { Track ......
vite vue3 EsLint配置
1、安装ESLint npm i -D eslint 2、初始化配置EsLint npx eslint --init 2-1、选择模式 2-2、选择语言模块 2-3、选择语言框架 2-4、是否使用ts 2-5、代码在哪里运行 2-6、选择一个风格 2-7、你想遵循哪一种风格指南 2-8、希望配置文件 ......
vue思考与element-ui的代码基础
#说一下我对vue的理解 在我看来vue就是对变量定义，之后把变量返回回去 再由主题部分调用返回的函数，可以直接用调用的关键字 而这个和CSS有一点相像 与element-ui <div id="app"> <!--在这放emement-ui官方给的代码--> </div> <script scr= ......
mybatis-plus-generator生成代码
mybatis-plus-generator 生成代码 依赖包 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.0.6</versio ......
Element el-table 判断是否有滚动条
判断是否有滚动条 // dom 元素 const dom = this.$refs.uploadTableRef?.bodyWrapper // 滚动到底部 if (num > 7 && dom?.scrollTop + dom?.clientHeight dom?.scrollHeight) { ......
element UI 单选框取消勾选选项
如图：（取消后的样式） （如果选项中有不同的样式） <el-radio-group v-model="List"> <el-radio label="绝对测量法" style="margin-bottom: 100px;" @click.prevent.native="checkRadio1('绝对 ......
（原创第一篇，踩坑无数得来的，对Ai自动化测试框架很有帮助）appium自动化测试时遇到不能使用element定位的在用坐标点击之后获取焦点如何输入文本
现在开发的前端界面使用vue或者更牛逼技术，导致使用appium或者uiautomator2做自动化测试时不能识别到元素，无法使用传统的id，name或者xpath，这时我们需要使用坐标点击文本框。有获取坐标方法，下期写一篇文章，可以在评论区提醒瑞克。 from appium import webd ......
解决element-ui评分组件 半星展示不全的问题
//解决半星展示不全的问题 /deep/ .el-rate { display: inline-block; margin-left: 20px; &::before { display: inline-block; content: ""; width: 1px; margin-bottom: - ......
vue2和vue3父子组件生命周期的执行顺序
vue3的父子组件生命周期的执行顺序 father setup -> father onBeforeMount -> child setup -> child onBeforeMount -> child onMounted -> father onMounted vue2的父子组件生命周期的执行顺 ......
爬取过程中出现stale element reference: element is not attached to the page document 错误
Bug实际情况描述如下：当我想爬取信息类型中的6个元素时，使用这样的 1 smallClassList = seleniumService.waitFindElements(bidCrawler.getSmallClassTag()); 2 for (WebElement smallLi : sma ......
vite+vue3+ts简单例子todolist
1、安装vite $ npm init vite@latest √ Project name: ... vue-el-admin √ Select a framework: » Vue √ Select a variant: » TypeScript Scaffolding project in D ......
Vue3项目（Vite+TS）使用Web Serial Api全记录
前言 之前写了一个vue+django的一个通过串口控制的上位机系统。但是实际生产中，不如部署到服务器上，这样可以更好的节约成本。但是这样就需要弄一个客户端来控制处理串口信息。那我就在想能不能通过网页直接拿到客户端的串口信息。所以问了万能的chatgpt，得到了以下答案： 是的，前端可以使用 Web ......
Mybatis-Plus代码生成器
新版本： public class MybatisGenerator { private static final String url = "jdbc:mysql://localhost:3306/xxx"; private static final String userName = "root ......
【Vue】vue3 vue-pdf-embed 实现pdf预览、缩放、拖拽、旋转和左侧菜单选择
实际效果 安装插件 pnpm install vue-pdf-embed pnpm install vue3-pdfjs 左侧pdf菜单组件 <template> <div class="pdf-view-list"> <div class="item active-item" v-for="(it ......
Vue3 开发必备的 VSCode 插件
分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 ......
Element样式参考
.demo-block { border: 1px solid var(--el-border-color-base); border-radius: 3px; transition: .2s } .demo-block.hover { box-shadow: 0 0 8px 0 rgba(232, ......
Vue3搭建脚手架
一、安装Vue3脚手架 在此之前需要把Node.js环境安装好 如果之前安装了2.0的脚手架，需要把它卸载掉，在控制台执行npm uninstall vue-cli -g 进行全局卸载 然后执行命令 npm install @vue/cli -g 下载vue3的脚手架 二、项目搭建 1、 创建一个新 ......
Vue3搭建脚手架时提示 Error: command failed: npm install --loglevel error --legacy-peer-deps
一、前言 使用Vue3搭建脚手架，就在快成功的时候报了个错误 Error: command failed: npm install --loglevel error --legacy-peer-deps 大致报错内容是： 您的操作系统拒绝了该操作。 该文件可能已被使用（由文本编辑器或防病毒软件使用） ......
vue3学习第一课
1，先安装npm brew install npm npm init vite-app vue3demmo cd vue3demmo npm install npm run dev ......
基于SqlSugar的开发框架循序渐进介绍（29）-- 快速构建系统参数管理界面-Vue3+ElementPlus
在随笔《基于SqlSugar的开发框架循序渐进介绍（28）-- 快速构建系统参数管理界面》中介绍了基于SqlSugar开发框架，构建系统参数管理的后端API部分，以及WInform界面部分内容，本篇随笔介绍基于Vue3+ElementPlus的前端界面开发过程。 ......
element ui select下拉框多选拿到label值
departmentIds: [], departmentNames: [], changeLocationValue(val) { this.departmentIds = [] //初始化数据 this.departmentNames = [] //初始化数据 for (let i = 0; i ......
嵌入式linux移植——ptlib、H323plus、oh323tut 交叉编译
前言：上一篇博客主要讲了比较多原理的东西，也是我解决问题时掌握到的一些东西和重要依据，这篇博客接着上一篇博客 嵌入式linux移植——ptlib、H323plus交叉编译 I 继续往下讲~ 【补充】开发环境：Ubuntu16.04 、Hi3531a ； 编译工具链：arm-hisiv300-linu ......
Vue3 h函数渲染组件
1、渲染ElSelect组件 const modulleFilters = ref([ { label: 1, value: 2 }, { label: 2, value: 3 }, ]); const search = ref(''); const tableColumn = [ { prop: ......
Element Select下拉 实现拼音、首字母搜索汉字，下拉匹配自动清空问题
效果图 搜索前： 搜索后： 使用 安装插件 pinyin-match： npm install pinyin-match --save 下拉： <el-select v-model="formData.cvRobotId" placeholder="机器人" clearable class="wid ......
Vue3数据无法显示/数据无法修改
问题描述： 昨天朋友问了我一个关于Vue3的问题，给他解答后，想起貌似自己当初也曾被这个问题困惑过，只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法，所以现在用它的表现形式作为标题，可能更便于搜索到。 现在重现一下这个问题： <div v-for="(item,idx) ......