element-plus element vue3 plus
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
element ui 修改按钮公共样式
// .el-button--text .btntext .el-button--text { color: #000bff; } .btntext .el-button--text:hover { color: #000bff; } .btntext .el-button--text:active ......
element ui的表格头合并 方法
表格自带的 colSpan属性可以进行编辑 我们利用dom获取后可以直接操作他 这里写上事件代码和调用代码 具体情况还是需要同学们自己去分析 setSpan(){ let nheader=document.getElementsByClassName('el-table__header') nhea ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......
vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / vue@3.2.37)
一，开发环境中的配置: 1,前端:vue的vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, p ......
vue3使用ClipboardJS插件的方式
建个工具类，以进行不同地方的调用复用。 调用方式,options参数的使用看自个的需求。 html调用方式 ```html 复制我 ``` vue组件调用方式 ```vue 复制我 ``` 工具类 ```js import ClipboardJS from 'clipboard' import { ......
Vue3 设置全局变量
# 方式一： - main.js 设置全局变量 ``` import api from '@/api' app.config.globalProperties.$api = api ``` - 使用全局变量，使用 getCurrentInstance 方法。 ``` // ctx.$api 就是全局 ......
记录vue 3 、Element Plus 框架可进行开发的可选导入语句
Vue 3 框架中有许多可选的导入语句，用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例： ref、reactive、toRefs：用于创建响应式数据和处理数据的函数。 computed：用于创建计算属性的函数。 watch：用于监听数据变化的函数。 nextTi ......
Mybatis-Plus框架的BaseMapper的insert方法和自定义mapper里面的insert方法会用哪个
在Mybatis-Plus框架中，当一个接口继承了BaseMapper接口，并且绑定了一个xml文件时，如果这个接口和xml文件中都定义了相同的方法，那么在调用该方法时，会优先调用xml文件中的方法，而不是BaseMapper中的方法。因此，在你的情况下，如果A接口和xml文件中都定义了insert ......
MyBatis-Plus学习
## 一、MyBatis-Plus简介 ### 1、简介 MyBatis-Plus（简称 MP）是一个 `MyBatis的增强工具`，在 MyBatis 的基础上`只做增强不做改变`，为`简化开发、提高效率而生`。 ### 2、特性 - `无侵入`：只做增强不做改变，引入它不会对现有工程产生影响，如 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： ......
[香橙派R1 PLUS TLS]CPU温度检测和风扇控制
1.CPU温度显示cat /sys/class/thermal/thermal_zone0/temp也就是查看temp文件中的内容，也就是cpu的温度，这个值一直在变，所以反复输入命令可看到当前值。2.pwm-fan.sh 脚本进行风扇转速控制位置在 /usr/bin ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。 执行如下命令，这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue，执行n ......
vue3错误归纳
1，出错原因，找不到文件 npm install --save @/api/baseInfo/department //这个目录没有文件 2.packjson 中那么没改，不知道为什么 E:\gh-phm\ruoyi-ui\node_modules\normalize-package-data\li ......
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使用<template slot-scope="scope"> 更改td里面值
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 `使用 更改td里面值` https://blog.csdn.net/WindNolose/article/details/125422409 描述 VUE中的标签属性，可以在属性前使用：，让属性绑定 ......
Plus one
You are given a large integer represented as an integer array digits, where each digits[i] is the ith digit of the integer. The digits are ordered fro ......
MyBatis-Plus的BaseMapper与IService
mybatis-plus 提供两种包含预定义增删改查操作的接口： **com.baomidou.mybatisplus.core.mapper.BaseMapper com.baomidou.mybatisplus.extension.service.IService** 刚开始有点疑惑为什么要设计 ......
介绍vue3的钩子函数activated和deactivated使用场景
activated和deactivated是Vue3中的两个生命周期钩子函数。 activated钩子函数在组件被激活时调用，通常用于恢复组件的状态或执行一些初始化操作。例如，如果一个组件被从路由中激活，你可能需要在该组件被激活时从本地存储中加载一些数据。 下面是一个示例代码： <template> ......
VUE&Element
## VUE&Element **今日目标：** > * 能够使用VUE中常用指令和插值表达式 > * 能够使用VUE生命周期函数 mounted > * 能够进行简单的 Element 页面修改 ## 1，VUE ### 1.1 概述 接下来我们学习一款前端的框架，就是 VUE。 ==Vue 是一 ......
[香橙派R1 plus lts]开箱上电
1.用balenaEtcher-Portable-1.5.109刷入官方提供的OpenWrt21.02-release_OrangePi_R1_Plus_LTS_v2.0.0.tar系统;2.用TTL串口线链接开发板;3.配置调试软件MobaXTerm串口参数:4.上电,会跳出很多我不认识的字符,点 ......
Vue3 之 reactive、ref、toRef、toRefs 使用与区别，源码分析详细注释
[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象，不论层级多深都可以返回响应式对象，(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型，推荐使用基本类型 - 使用时 需 ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
vue3对于ref和reactive类型数据监听的区别
总结：1、对于ref类型的数据进行监听，不能使用 ()=>字段名,的方法，而是采用直接写值进行监听，案例见方式一和方式二2、对于reactive类型的数据进行监听，不要使用直接写属性名的方式监听:watch(属性名，(newVal, oldVal)=>{})，因为这种方式虽说可以执行函数，但却监听不 ......
从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架
本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
Vue3中循环任务优化方案
# 需求 在使用循环任务时，往往需要使用到`setInterval`方法。其接受三个参数，分别是 1.具体执行的函数 2.执行时间间隔 3.传递个函数的参数，并返回一个id，后续可以使用这个id来停止循环的执行。具体的使用可以[查阅MDN](https://developer.mozilla.org ......
重写RuoYi-Cloud所有功能 整合 SpringCloudAlibaba Dubbo Mybatis-Plus MQ OSS ES Xxl-Job Docker 全方位升级 定期同步
转载于：https://blog.csdn.net/weixin_40461281/article/details/122837923 RuoYi-Cloud-Plus 微服务通用权限管理系统 重写 RuoYi-Cloud 全方位升级(不兼容原框架) 系统演示: 传送门 分布式集群版本(功能一致) ......
Remove Element
> 题目描述太复杂, 意思就是移除数组中给定的元素 Given an integer array nums and an integer val, remove all occurrences of val in nums in-place. The order of the elements ma ......
element表单校验
通过一个案例来示意：element的表单校验 html部分： <template> <div id="app"> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" clas ......
javaweb_jsp elements
JSP-java server pages 1. jsp scriptlet 1 <%--jsp scriptlet--%> 2 <% 3 int sum = 0; 4 for (int i = 1; i <= 100; i++) { 5 sum += i; 6 } 7 out.println("< ......