element-plus element vue3 plus
element-plus 组件样式修改
### el-form-item 间距 ```css .el-form-item { margin-bottom: 3px; } ``` ### Elmessage 消息换行 ```css /* 失败消息 */ .el-message--error { white-space: pre-line } ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法  利用Cesium加载GIS地图,我这里使用的是天地图，可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
Vue2 到 Vue3 升级插件gogocode-plugin-vue
配合gogocode-cli使用 开始迁移 Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题，并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器，利用它操作AST，开发了一套Vue2升级工具。利用这套工具能够快速地把你 ......
element table
::v-deep .el-table__fixed-right { height: 100% !important; //设置高优先，以覆盖内联样式 } ::v-deep .el-table__fixed { height: 100% !important; //设置高优先，以覆盖内联样式 } ......
EasyPlayer.js播放器用vue3.0集成出现报错是什么原因？
为了满足用户的多样化需求，我们也基于EasyPlayer推出了多种版本，包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点，已经成熟运用于多个项目场景当中，其中包括手机直播、电脑桌面直播... ......
【element-plus】Table表格横向滚动条显示不正确解决办法
## 滚动条bug展示如下：  ## 造成bug原因排查： 由于对`Table`表格进行了二次封装，传递 ......
vue3 左侧菜单栏默认展开关闭
<el-menu class="mainMenu" router background-color="transparent" active-text-color="#fff" :unique-opened="true" :collapse-transition="false" :collapse= ......
Vue3+Vite部署到Netlify
本项目的前端是使用Vue3技术。因为用到了Vite做代理解决跨域问题，所以部署到Netlify需要多做一些步骤。 使用Vite代理后，如果前端是在本地部署，需要添加`VITE_PROXY`环境变量。 例如在 `.env.development` 文件中添加 `VITE_PROXY=[["/api/v ......
MyBatis-Plus 可视化代码生成器来啦，让你的开发效率大大提速！！
## **前言** 在基于Mybatis的开发模式中，很多开发者还会选择Mybatis-Plus来辅助功能开发，以此提高开发的效率。虽然Mybatis也有代码生成的工具，但Mybatis-Plus由于在Mybatis基础上做了一些调整，因此，常规的生成工具生成的代码还有一些不太符合预期。而且对于多数 ......
element-ui编辑表单中的el-radio回显之后无法选择的问题
原因：editPowerForm没有声明radio这一变量，vue中对数据双向绑定的支持限于基本添加删除的方法，详情看官网。在这里相当于直接赋值给未声明的变量，所以双向绑定不会被vue监听 解决： 来源：element-ui编辑表单中的el-radio回显之后无法选择的问题 - 掘金 (juejin ......
mybatis plus
简单的实现对数据库的CRUD操作。 springboot里实现mp，导入依赖： <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artif ......
element_ui根据编辑和查看打开不同的弹出层
功能描述： 有一个表格，有三个字段，分别为：操作，姓名，日期，在操作字段数据为：有二个种类型，一个是编辑，一个查看，点出编辑和查看打开弹出层，弹出层显示表格，姓名，时间，操作，单击编辑菜单弹出可以编辑，单击查看，只能可查看弹出层的表格<template> <div> <el-table :data= ......
mybatis plus生成代码
import com.baomidou.mybatisplus.annotation.DbType; import com.baomidou.mybatisplus.annotation.IdType; import com.baomidou.mybatisplus.generator.AutoGe ......
vue3 +leaflet + 天地图
### vue3使用leaflet ```javascript npm install leaflet -D ``` ###### 如果使用了ts ```javascript npm i --save-dev @types/leaflet // 使用了ts需要下载声明类型 ``` ```javasc ......
Mybatis Plus 源码分析
Mybatis Plus 源码分析 入口：com.baomidou.mybatisplus.autoconfigure.MybatisPlusAutoConfiguration#afterPropertiesSetcom.baomidou.mybatisplus.autoconfigure.Myba ......
vue3组件通信方式
## 使用props通信 **父组件向子组件通信** ### 父组件 ```vue ``` ### 子组件 ```vue 我的名字是{{ name }} 我的年纪是{{ age }} ``` ## 使用自定义事件 **子组件向父组件传递** ### 父组件 ```vue 显示子组件传来的值{{ so ......
vue3+vant3封装省市区组件
因为后台返回的数据格式和vant不一致，所以自己遍历循环得到自己想到的格式。 省市区的接口并不是一个以children格式，一次性全部获取，而是选择市的时候需要得到省的id，一层一层请求接口才能得到省市区。 父组件： 1 <selectArea 2 @addressOnFinish="onChang ......
Spring Boot整合Mybatis Plus逆向工程
1.导入依赖 主要导入Mybatis-Plus-generator版本需要与Mybatis-Plus版本一致 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-generator</artifactId> <v ......
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript）
企业级项目模板的配置与集成（Vite + Vue3 + TypeScript） 1、项目介绍 项目使用：eslint + stylelint + prettier来对我们代码质量做检测和修复。 需要使用husky来做commit拦截 需要使用commitlint来统一提交规范 需要使用preinst ......
element ui的Loading组件在Dialog对话框内使用
说明 想要实现在Dialog对话框上加载效果, 父组件开启loding,子组件关闭 首先需要在父组件传值的时候把this.$loading的结果赋我们定义好的变量 代码 父组件 <page-details :data="details" ></page-details> // data部分 data ......
Element UI el-menu菜单 子级选中后，删除父级下划线
1.子级选中，父级也选中样式修改： .el-submenu.is-active > .el-submenu__title { color: #FFFFFF; background-color: #7E8796 !important; } 2.子级选中后，父级有下划线，可以通过以下样式修改去除下划线 ......
element-ui NavMenu 多级嵌套封装
安装依赖引用依赖 /* 安装依赖 */ // 安装element-ui npm i element-ui -S // 安装vue-fragment npm i -s vue-fragment /* main.js 引入 */ import Vue from 'vue'; // 引用element-u ......
SpringBoot整合Mybatis-Plus分页
创建MP的配置类 package com.feiyu.common.config.mp; import com.baomidou.mybatisplus.annotation.DbType; import com.baomidou.mybatisplus.autoconfigure.Configur ......
element ui的Upload 上传和Image 图片组件使用整理
说明 收集整理在开发中遇到的对于上传组件和图片组件的使用 Upload上传组件 修改上传按钮的默认宽高 ::v-deep .el-upload--picture-card { width: 80px; height: 80px; line-height: 85px; } 修改默认的上传组件图片列表展 ......
Vue3.3 的新功能的一些体验
Vue3 在大版本 3.3 里面推出来了一些新功能（主要是语法糖），网上有各种文章，但是看起来似乎是一样的。 我觉得吧，有新特性了，不能光看，还要动手尝试一下。 DefineOptions 宏定义 先来一个简单的，以前我们有时候想设个name，有时候不想让组件自动继承属性，这时候需要单独设置一个sc ......
SAP Fiori Elements 本地应用启动的三种模式辨析试读版
本教程前一步骤，我们介绍了在 Visual Studio Code 里使用命令行 npm run start 启动 SAP Fiori Elements 应用的方法： 3. 动手运行第一个 SAP Fiori Elements 应用 有细心的学习者发现了，笔者提供的这个 Fiori Elements ......
vue3项目国际化，你还不了解吗？
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......