element-plus element vue3 plus
Vue3 如何让代码变得清新优雅,代码洁癖患者进!(2)
将 搜索 功能单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 在 搜索组件中,搜索条件初始值获取 ruote.query 获取,这样刷新浏览器依然可以保留上一次的数据, 注意,搜索条件里没有 pageNum 和 p ......
Vue3 如何让代码变得清新优雅,代码洁癖患者进!(3)
将 含有 表单的弹窗 单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 若依 获取字典方法还是很好用的, 但是要放在 初始化数据( 方法 init )的时候使用,proxy.useDict,避免字典重复加载!已加载的 ......
Vue3 如何让代码变得清新优雅,代码洁癖患者进!(4)
列表页面 来啦! **温馨提示:** 在 列表页面中,使用 若依的分页组件: Pagination,图片预览组件:ImagePreview,标签组件 DictTag ,还有公共方法 parseTime 等等 对若依 respect ! 搜索 或 翻页时 通过 router.push 跳转路由,使用 ......
Vue3 通过ossId 调用接口获取文件信息,多个或单个
天呐,离谱了兄弟们! 关于文件上传的问题,在表单提交的时候,对于上传的文件要,新增或修改的接口要传 ossId,但是回显的时候又没有给我 ossId,只有文件信息,导致修改的时候就有问题。还有多文件的时候,多个就让我传 文件路径,单个就传 ossId。 我信你个鬼! 直接让后端回显的时候不要给我返回 ......
element Plus 日期选择限制范围
项目:vite + vue3 + element plus 效果图: 比如先选了开始日期,结束日期只能比它大; 选了结束日期,开始时期只能比它小; 网上看了很多,大部分都是element ui组件的使用方法,文章讲的是关于element Plus中的使用方法 上代码: <el-date-picker ......
vue3 列表循环使用及key用法
<template> <div> <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p> </div> <div v-for="value,key in results">{{key}}-{{value}}</div> ......
vue3 条件判断语句及v-if与v-show 区别
<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......
vue3元素标签属性的绑定
<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......
Vue3 模板语法学习
<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......
mybatis-plus 批量插入方法saveBatch 踩坑
> 1、问题描述由于我在数据库的一张表设置了两个主键,所以创建的实体我想都加上@TableId注解 > 但是这样在mybatis-plus中一个实体只能有一个@TableId注解标识的主键 ![](https://img2023.cnblogs.com/blog/2314924/202306/231 ......
基于 Vue3 + TS 的前端结构
效果预览: ![](https://img2023.cnblogs.com/blog/3214089/202306/3214089-20230604204034093-1526814837.png) ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
socket.io-client+Vue3使用
客户端代码 ![](https://img2023.cnblogs.com/blog/2057654/202306/2057654-20230604125540718-1359564079.png) 服务端代码 ![](https://img2023.cnblogs.com/blog/2057654 ......
element-ui 组件二次封装
### 习题链接 [element-ui 组件二次封装](https://www.lanqiao.cn/problems/2276/learning/?page=1&first_category_id=2&sort=students_count&second_category_id=11&diffi ......
vue3 el-image图片资源的使用
在项目中将img文件放到/src/assets/,相关组件文件配置: <el-image src="../assets/hamburger.png" /> 使用以上语句提示404错误。 查询网上资料才发现原来图片资源文件一般存放在/public目录下,将文件复制到/public目录下后404错误消失 ......
从0搭建Vue3组件库(十三):引入Husky规范git提交
## 为什么要引入 husky? 虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦的事情,同时也为了避免团队成员提交五花八门message,因此我们 ......
Intersection Observer API 交叉观察器 API vue3 antd table 滚动加载 使用过程
需求:表格滚动加载 ![](https://img2023.cnblogs.com/blog/2773051/202306/2773051-20230603111117728-345017409.gif) 做法: 步骤一:给表格最后一行添加特定标识,类名或者id等 ![](https://img20 ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
总结vue3 的一些知识点:Vue.js 安装
Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
总结vue3 的一些知识点:Vue.js 条件语句
Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
vue-element-admin安装依赖报错问题
vue-element-admin 安装依赖的时候报以下错误 npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent An unknown git error ......
mybatis-plus 公共字段填充(自定义)
mybatisplus带的公共字段自动填充 通常,记录数据时会存在公共字段,为了方便插入,可以使用mybatisplus带的公共字段自动填充, 例如:记录创建信息和更新信息 @ApiModelProperty(value = "创建时间") @TableField(value = "create_t ......
Vue3 中 ref 的优势
1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象: const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时, ......
解决模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?
### 一、问题介绍:在使用vite+element-plus+ts搭建项目时,导入ElMessage组件遇到【模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?】这一错误提示 ......
Vue3 reactive 定义一个变量时,如何具有响应式?
错误示范: const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败,直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.c ......
vue3项目安装依赖报错 npm ERR! code ERESOLVE
vue3项目安装依赖报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-plus@1.0.2-beta.71 npm ERR! Found: ......
mybatis-plus更新指定字段
LambdaUpdateWrapper<User> lambdaUpdateWrapper = new LambdaUpdateWrapper<>(); lambdaUpdateWrapper.set(User::getName, "newName").set(User::getAge, 20).e ......
通过实例了解vue3.3更新的特征
#### 开场白 ``` 5月份,vue团队发布了 vue3.3. 这次小版本的发布主要解决了-- Vue 与 TypeScript 一起使用时的许多长期存在的痛点. 下面我们一起来学习一下vue3.3新特征 ``` #### 准备新新特征的环境 ``` 根据官方团队的描述,我们需要准备一下工作。 ......
element ui 预览图片的时候滚动鼠标放大缩小, 重新打开的时候恢复原来大小
<template> <div> <el-button @click="openPreview">预览图片</el-button> <el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" :before-close ......