element-plus element vue3 plus
vue3+vite使用require引用图片失效问题
首先，这个问题的原因跟vue无关，是vite引用只支持import，require是隔壁webpack的引用方式， vite用自身的url可以用import.meta.url来拼装项目路径，如下： 这个原理只不过是在发布的地址上去找对应图片，而且只会找项目中public文件夹下的图片资源，asset ......
vue3 使用vue-router 进行网页跳转以及获取问号后面的参数
关键代码： ```ts const router = useRouter() const author = 'myname' router.push({ name: 'Edit', query: { author }}) const route = useRoute() const value = ......
Vue element 表格跨行合并单元格
### 1、定义 table.js ```javascript /** * 生成表格合并行坐标阵列 rowspan、colspan 信息 * @param {表格数据} tableData * @param {合并列字段} mergeColumns example : ["filed1",[file ......
Mybatis-plus-join使用、mybatis连表
public interface PlanDayMapper extends MPJBaseMapper<PwPlanDayPO> { } MPJLambdaWrapper<PwPlanDayPO> wrapper = MPJWrappers.lambdaJoin(PwPlanDayPO.class ......
Vue3使用Vuex 教程(这才是真正的小白教程！)
我的项目是vue3+element-plus 我是个菜鸡，我不懂前端。想做一个tags的导航标签页。但是点击标签页之后页面仍然是会重新请求。感觉这不就跟没做一样吗？ 遂百度GPT，第一种方式采用的就是存储到session里。搞了大半天，突然觉得这样好捞，遂采用vuex。虽然两者理论上区别不大，但是说 ......
.Net+vue+Element 七牛云上传
API 安装 官方文档:developer.qiniu.com/kodo/1237/c… Nuget 搜索安装 Qiniu Bucket 储存空间名 bucket接口文档:developer.qiniu.com/kodo/3941/t… string Bucket = "image"; //七牛云储 ......
element-ui 的下拉树
我了解到在 element-ui 中并没有下拉树这个组件，所以只能用<el-select> 组件和<el-tree> 结合来实现 1、html <script src="../resources/js/vue.js"></script> <script src="../resources/js/el ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-3 统一ui，uni-ui库
uni-ui 官网地址https://uniapp.dcloud.net.cn/component/uniui/quickstart.html 1.安装sass、sass-loader npm install sass -D npm install sass-loader -D 2.安装uni-ui ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-2 设置底部导航
1.打开项目，打开pages.json ，设置底部导航栏。注意pages中的path和tabBar中list中的path要一致 { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页" ......
手把手教你vue3-ts-uniapp-vite创建多端小程序-1
1.创建vue3+vite ``` # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 typescript 开发的工程 npx degit dcloudio/uni-preset-v ......
vue3入门_demo
新建项目参考：Vue vscode 创建 vue 项目流程【超详细】_vue vscode 创建 vue 项目流程【超详细】_怎么用vscode写vue_一颗不甘坠落的流_一颗不甘坠落的流星的博客-CSDN博客 项目结构： App.vue <template> <Main></Main> </tem ......
vue3vuex
状态管理Vuex 这是与 Vue 3 匹配的 Vuex 4 的文档。差异对比可参阅从 3.x 迁移到 4.0 已经有 Vue2项目，需要适配 Vue3 的可参阅 vue2 项目迁移 vue3！ #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式 ......
vue3pinia
状态管理 Pinia #介绍 uni-app 内置了 Pinia 。Vue 2 项目暂不支持 使用 HBuilder X 不需要手动安装，直接使用即可。使用 CLI 需要手动安装，执行 yarn add pinia@2.0.33 或 npm install pinia@2.0.33。 #Pinia ......
vue3组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下在App、H5可以有多个根 <view> 组件，在小程序只能有一个根 ......
vue3基础
介绍 已经了解 Vue2，只想了解 Vue3 新功能可以参阅vue3新功能！ 已经有 Vue2 项目，需要适配 Vue3 的可参阅vue2 项目迁移 vue3！ Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue ......
element-plus_设置el-table表格自适应高度
# element-plus 设置el-table表格自适应高度 - 目前使用的最佳方案: - 将表格用一个外部容器包裹起来, 通过css来设置外部容器的高度 - el-table表格使用height属性设置为100%高度 - 经测试可以实现效果的代码: - ```vue row.id" > ``` ......
mybatis-plus自动生成代码
1.引入pom依赖 <!-- mybatis-plus generator --><dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-generator</artifactId> <version>3.5.2</ ......
sql server id在字符串集中的 sql plus主机字符串
SQL*PLUS里主机字符串 主机字符串就是描述主机的字符串，通常在oracle_home/network/admin下的tnsnames.ora文件里面配置 主机字符串包如下 其中MYORCL就是主机字符串 MYORCL = (DESCRIPTION = (ADDRESS_LIST = (ADDR ......
2、Vue中安装element-plus
1、在项目终端命令行中输入 ：pnpm install element-plus --save 2、项目中导入 element import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' 3、使用elemen ......
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分，接下来就讲解一下项目中网络请求配置的常用步骤1：选择网络请求库，一般vue采用axios,react采用umi框架的request，接下来就是在项目引入啦 $ npm install axios 2：一般在项目中我们都会对网络请求进行一个相应的封装，采用axios ......
Vue3 组件封装——文件上传
1. 默认方法 使用 input 标签 设置 type = file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg ......
mybatis_plus
#### MyBatisPlus ##### 特性 - **无侵入**：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑 - **损耗小**：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作 - **强大的 CRUD 操作**：内置通用 Mapper、通用 Service， ......
对于element的el-tree拖拽最下级子行，会有这行上下行的重影解决方案
例如提的四级这一行，但是提起来后有上下两行的字 解决思路 .tree-row[data-v-a9ac1138] { height: 30px; overflow: hidden; } 找到这行，给这行限制高度，然后隐藏 ......
Element Plus 配置自动按需引入后，组件样式不自动导入的一种情况
步骤： 1、按照官网文档配置按需自动导入 https://element-plus.org/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%A5 2、在.vue单文件组件中手动引入了组件 3、结果：组件样式就不自动导入了 4 ......
[ARC100E] Or Plus Max
[原题链接](https://atcoder.jp/contests/arc100/tasks/arc100_c) 不难发现我们可以处理出每个状态所有子集中 $a_i$ 的最大值和次大值，用一个 `pair` 维护，跑一遍 $\text{SOSDP}$，这时每个状态的权值就是最大值加次大值，最终输出 ......
vue3封装筛选项
### 背景 #### 项目开发中遇到筛选项，并且几个页面都有使用，依次写，太过于繁琐 ### 筛选项解构如下  ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......