element-plus element vue3 plus
vue3项目，vie框架，相对路径图片，测试时正常显示，发布后不显示问题解决方案
参考 Vite 官网的说明，修改图片的引用路径后，图片发布后可以正常显示 const imgUrl = new URL('./img.png', import.meta.url).href document.getElementById('hero-img').src = imgUrl 官网地址： ......
Mybatis-Plus+Nacos+Dubbo进行远程RPC调用保姆级教程
默认你已经看过我之前的教程了，并且拥有上个教程完成的项目， 之前的教程 https://www.cnblogs.com/leafstar/p/17638782.html 1.在bank1的pom文件中引入以下依赖 <dependency> <groupId>org.apache.dubbo</gro ......
List集合异常：list All elements are null
转： List集合异常：list All elements are null https://blog.csdn.net/qq_36458574/article/details/115697287 代码中 用的不符合多态的接受方式 LinkedList 虽然有序 ，但是能够插入空值。 ......
mybatis-plus代码生成器
### 一、java代码 public class GeneratorUtil { public static void generatorCode(String projectPath, String url, String name, String password, List tables, ......
学习ruoyi-flowable-plus
20230817， 学习1小时30分钟 1.后端启动后没有生成工作流相关表，例如ACT_表，导致启动失败（flowable初始化建表失败问题）： 原因：需要增加配置database-schema: scott flowable: # 关闭定时任务 job async-executor-activat ......
mybatis-plus+nacos配置中心和服务发现保姆级教程
默认你已经看了我的Mybatis-Plus+Mysql的教程，现在有了一个简单的项目如下(之前的教程: https://www.cnblogs.com/leafstar/p/17638741.html) 1.下载nacao，我这里下的是2.1.0版本 提供一下我用的版本( 链接：https://pa ......
SpringBoot+Mybatis-Plus+Mysql的保姆级搭建
本文通过简单的示例代码和说明,让读者能够了解Mybatis-Plus+Mysql的简单使用 必须说明的是，本文有部分内容是为了后续的微服务写的，所以如果只想用Mybatis-Plus的话，直接使用bank1项目即可 1.新建父项目，选用spring initializr即可，可以删除其他文件，仅仅留 ......
vue3 文件上传进度条组件
index.vue文件 <template> <div class="confirm-modal"> <transition name="fade"> <div class="modal-dialog" @click="clickMaskToClose ? handleCancel() : null ......
element-ui使用巧技
1.全局修改定义message提示信息 //大写的Message是个构造函数 //1是重新定义构造函数来挂载到原型覆盖原来的。 //2是直接引入Message重新定义它的原型方法。 import Element,{ Message } from 'element-ui' const message ......
vue3第一章
官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和 ......
vue3 组合式 api 单文件组件写法
本篇博文将深入介绍 Vue3 组合式 API 和单文件组件的写法。我们将从安装和配置 Vue3 开始，然后逐步详细展示如何创建一个简单的单文件组件。除此之外，我们还将讨论使用组合式 API 的常见模式和技巧，例如响应式状态管理、替代生命周期钩子函数的方法、自定义组合式 API、数据的响应式处理和侦听... ......
关于element树形控件
今天同事遇到一个问题，在element的属性控件的插槽里放了el-drop组件， el-drop组件包裹着一个操作按钮，希望点击操作按钮的时候不会触发树形控件的node-click。 她做了这样的尝试： 给el-drop的click加了stop的修饰符，但是没有生效，具体说是会先触发树的click事 ......
Vue3 常用组件库推荐
Vue 作为一款深受广大群众喜欢的前端框架，拥有众多优秀的开源 UI 组件库，这里整理了一下供大家参考。 这几套框架主要用于后台管理系统和移动端的制作，方便开发者快速开发。 一、PC 端 UI 库 1.1 Element Plus官网地址：https://element-plus.org/zh-CN ......
element-ui 菜单导航的使用
导航属性 原有代码启用 :router="true" 属性2.整理路由 将菜单界面作为根 将菜单对应的相应的界面 放到其下面，相当于其的子代3.在<el-main></el-main> 中放入 页面显示出口 标签 <router-view></router-view> ......
周三 element
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-header { background-color: #B3C0D1; color: #333; line- ......
关于element ui table回选的问题思考
业务需求 选设备，左侧树，右侧是树，下方是element的tag 原先版本是左右都是树，这样出现了一个问题 当左侧是虚拟滚动树的时候，展开的节点过多，右侧点击全选的时候会很慢， 原因：查看源码之后发现，tree-store.js中，element ui在树注册的时候，getAllNodes是页面中所 ......
引入element-ui组件
element-ui文档：https://element.eleme.io/#/zh-CN/component/quickstart 1、完整引入，按照如下红框中的引入即可，引入后即可使用element-ui中的各组件 2、按需引入，按照文档中引入即可 ......
SpringBoot整合Mybatis-Plus的增删改查操作
### 插入操作 #### 1. 根据entity条件插入一条记录(insert) 方法定义 ``` /** * 插入一条记录 * * @param entity 实体对象 */ int insert(T entity); ``` ```java @Test public void testInse ......
搞懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让我们在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ## ref() 大家对于 ref ......
vue3 - 警告 `shallowRef` instead of `ref` - 解决
完整警告 [Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided b ......
vue3 动态创建ref
:ref="(el)=>setItemRef(el, 'test'+1)" const iframeRefs = {}const setItemRef = (el, key) => { if (el) { iframeRefs[key] = el }} onMounted(()=>{ const i ......
vue3 使用clipboard实现一键复制
# 安装clipboard包 ```bash npm install vue3-clipboard ``` # 在main.js中进行配置 ```js import VueClipboard from 'vue3-clipboard' const app = createApp(App) use(V ......
vue3中组件之间通信ref和$parent的用法
ref的用法： //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意：组件内部数据对外是关闭的，如果想让外 ......
vue3中的useAttrs和 defineProps的用法
<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s ......
vue3+vite+ts项目初始化
### 创建项目 ``` # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- -- ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
 ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......
orange pi 5 plus开发板使用
## 系统镜像烧写 参考网址: http://www.orangepi.cn/orangepiwiki/index.php/Orange_Pi_5_Plus - 烧写方法: **使用RKDevTool烧录Linux镜像到eMMC中的方法** - 烧写镜像: **选择Orangepi5plus_1.0 ......
Vue3 + Eslint + prettier
一、背景 公司内部团队大部分由多人组成，当遇到多个前端开发同一个项目时，代码规范及代码质量，是需要考虑的一个重中之重 二、Eslint + prettier 是什么 ESLint 的主要功能包含代码格式和代码质量的校验，而 Prettier 只是代码格式的校验，不会对代码质量进行校验。 代码格式问题 ......
记录--vue3问题：如何实现微信扫码授权登录？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、需求 微信扫码授权，如果允许授权，则登录成功，跳转到首页。 二、问题 1、微信扫码授权有几种实现方式？ 2、说一下这几种实现方式的原理是什么？ 3、vue中的微信扫码授权登录，与uniapp和原生小程序的微信授权登录，它们之间有共同点 ......
SpringBoot3 学习笔记 （整合Mybatis-plus）
1、引入依赖，网址：https://mvnrepository.com/artifact/com.baomidou 找到mybatis-plus-boot-starter 这里最新版本为3.5.3.2，点击进去 2、在pom.xml中添加依赖，并确认依赖中已经有了mysql-connector-j的 ......