element-plus element vue3 plus

Vue3 代码块高亮显示并可使用富文本编辑器编辑(highlight.js + wangEditor)

在Vue项目中实现以下功能: 功能1. 在页面中显示代码,并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑,编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块,动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装,若需使用其他方式请查阅官方文档) 安装代 ......
编辑器 wangEditor highlight 文本 代码

Maybatis-Plus lambdaQuery与lambdaUpdate

lambdaQuery与lambdaUpdate 1. 等于 //EQ 就是 EQUAL等于 taskFlowService.lambdaQuery().eq(TaskFlow::getCreateTime,DateUtil.now()) 2. 不等于 //NE就是 NOT EQUAL不等于 tas ......

element-ui 的 table 组件 无法设置行高的问题?

element-ui 的 table 组件 无法设置行高的问题因为需要改变table组件的 行高;试了好多方法;包括官方文档提供的方法cell-style,cell-class-name,虽然能加上样式但是没有效果,不知道啥原因,最后 发现 td 下面有个 class 为 cell 的div,于是修 ......
element-ui 组件 element 问题 table

element-plus 输入框只能输入数字和小数

只能输入数字: <el-input oninput ="value=value.replace(/[^0-9]/g,'')" placeholder="请输入"> 只能输入数字和两位小数(多余小数点会去掉) <el-input oninput="value=value.replace(/[^0-9. ......
小数 element-plus element 数字 plus

vue3 文件上传,fileChange中的一个问题,第二个参数问题

这里fileChange第二个参数,不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
问题 fileChange 参数 文件 vue3

vue3打包后一片空白控制台报错

问题原因是路径不对,加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示: 如何解决问题呢? ......
控制台 空白 vue3 vue

vue全家桶进阶之路48:Vue3 跨域配置devServer的参数和设置

devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项,例如代理,端口号,HTTPS 等。 以下是一些常用的 devServer 参数和设置: port:指定开发服务器的端口号,默认为 8080。 host:指定开发服务器的主机名,默认为 localhost。 htt ......
全家 devServer 参数 Vue3 vue

vue3 路由跳转:Cannot read properties of undefined (reading 'push')

在vue2中我们通常会在全局的接口请求里面设置拦截器,如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的,我们就使用this.$router.push实现vue3中同样使用改方式: import { useRouter } from 'vue-router'; const router = ......
路由 properties undefined reading Cannot

Vue&Element-Ui(支技VUE2)&解决ttf, woff 文件报错的问题

一、Vue&Element-Ui(支技VUE2) Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ,开发者只需要关注视图层, 它不仅易于上手,还便于与第三方库或既有项目的整合。是基于MVVM(Model-View-ViewModel 即:视图层-视图模型层-模型层)设 ......
Element-Ui amp Element 文件 问题

vue3 源码

这文章写的很好 Compiler模块:编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块:也可以称之为Renderer模块,真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素,然后显示到浏览器上。 Reactivity模块:响应式系统。主要职责是监听响应式的数据,然后 ......
源码 vue3 vue

vue全家桶进阶之路47:Vue3 Axios拦截器封装成request文件

可以将Axios拦截器封装成一个单独的request文件,以便在整个应用程序中重复使用。 以下是一个示例,展示如何将Axios拦截器封装成一个request文件: 1、创建一个名为request.js的新文件,并导入Axios: import axios from 'axios'; 2、创建一个名为 ......
全家 request 文件 Axios Vue3

Vue3 入门(ref)

Vue3 入门(ref) let name = ref('jack') 首先我们得明白,ref函数返回的是一个RefImpl对象的实例,所以此时name的值是一个复杂数据类型Object,它里面有个value属性,就是它的值,而其它的属性皆是下划线开头的,我们不关注,因为这类属性一般不是给我们开发用 ......
Vue3 Vue ref

【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源@有来开源组织)

本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1,相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑,希... ......

关于vue3中Scope slot实战中使用

今天学了啥-23/03/28 vue提供slot机制让组件可以接收模板片段,来渲染模板片段。比如最常见的button组件,基本是如下这样使用。 <FancyButton> Click me! <!-- 插槽内容 --> </FancyButton> FancyButton 组件则是这样: <butt ......
实战 Scope vue3 slot vue

Mybatis Plus传入参数0不起作用

错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 <select id="xxx"> SELECT di.id, di.name, di.work_type, di.updated... <where> <if test="name != null and name != '' ......
作用 参数 Mybatis Plus

vue全家桶进阶之路46:Vue3 Axios拦截器和globalProperties全局设置

在Vue.js 3中,使用Axios与Vue.js 2.x中类似,但是需要进行一些修改和更新,下面是Vue.js 3中Axios的定义和使用方式: 首先,你需要安装Axios和Vue.js 3.x,可以使用npm或yarn等包管理工具安装: npm install axios vue@next 然后 ......
globalProperties 全局 全家 Axios Vue3

Vue3 日历组件的实现

Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期,并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
组件 日历 Vue3 Vue

element ui form表单 只加*不进行校验的

<el-form-item label="测试" class="is-required"> 这是测试代码 </el-form-item> ......
表单 element form ui

Chat GPT Plus 使用 Depay 付费的流程和踩坑注意事项

0. 步骤总览: 交易所购买 USDT 虚拟货币 提现到 Depay 钱包 兑换成美元冲进 Depay 银行卡 购买 ChatGPT Plus 1. 注册一个 ChatGPT 账户 这一步有很多教程了, 就不细说了 2. 搞一个虚拟卡, 注册 Depay 由于 OpenAi 充值必须要用美国银行卡, ......
注意事项 流程 事项 Depay Chat

Vue3 watch 监听对象数组中对象的特定属性

Vue3 watch 监听对象数组中对象的特定属性 在 Vue 3 中,可以使用 watch 函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化,并在变化发生时执行相应的操作。 一、监听对象的特定属性 例如,假设有一个名为 items 的对象数组,其中每 ......
对象 数组 属性 watch Vue3

Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件

需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
组件 Vue3 Vue JS

Element UI el-tree 保存当前展开节点,再次异步获取树结构数据时默认展开当前保存的节点

Element UI el-tree 保存当前展开节点,再次异步获取树结构数据时默认展开当前保存的节点: https://blog.csdn.net/z291493823/article/details/103072889?ops_request_misc=%257B%2522request%255 ......
节点 再次 Element el-tree 结构

mybatis-plus(insertBatchSomeColumn批量添加)

目录 1 前言 2 搭建工程 1 前言大家平时在做业务时肯定会遇到会向表中批量添加数据的方法,那么这种方法mybatis-plus给我们提供了吗?首先baseMapper中肯定没有提供,如下:只是添加单个实体的 但是IService貌似给我们提供了一个批量添加的方法:saveBatch(Collec ......

无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案 (主程序加载子程序)

https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件,弹出框位置异常解决方案 第一步: 在子应用中: 以上3步就好啦!!!是不是很简单 这个框架坑很多,希望对大家有帮助!!! ......
子程序 主程序 前端 element-ui 组件

Vue3+TS+Node打造个人博客(后端架构)

在使用 Express 搭建后端服务时,主要关注的几个点是: 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由,各个模块的子功能相当于是用二级路由处理。 简单举个例子,/article ......
架构 个人 博客 Vue3 Node

vue全家桶进阶之路45:Vue3 Element Plus el_button组件

在 Vue 3 中,Element Plus 的 ElButton 组件提供了多种按钮类型和属性,可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性: 作用: 用于在页面上添加交互按钮,比如提交按钮、取消按钮等。 常用属性: type:按钮类型,可以取值为 primary、suc ......
全家 组件 el_button Element button

vue全家桶进阶之路44:Vue3 Element Plus el_row和el_col组件

在 Vue 3 中,Element Plus 也提供了 ElRow 和 ElCol 组件,用于实现栅格布局。 ElRow 组件的常用属性: gutter:栅格间距,默认为 0。 type:布局模式,可选值为 flex、justify 和 align。默认值为 flex。 tag:组件标签,默认为 d ......
全家 组件 Element el_row el_col

vue全家桶进阶之路43:Vue3 Element Plus el-form表单组件

在 Element Plus 中,el-form 是一个表单组件,用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法,使表单验证更加容易。 使用 el-form 组件,您可以将表单控件组织在一起,并对表单进行验证,以确保提交的数据符合预期的格式和要求。该组件具有以下特性: 支持 ......
表单 全家 组件 Element el-form

vue全家桶进阶之路42:Vue3 SCSS、SASS、CSS

SCSS和SASS都是CSS预处理器,它们的主要目的是简化CSS的编写,增加可维护性,并提供更丰富的功能。下面是它们与普通的CSS的区别: 语法:SCSS和SASS都具有比普通CSS更丰富的语法。其中,SASS使用缩进来表示嵌套,而SCSS则使用类似于CSS的花括号语法。因此,SCSS更易于CSS开 ......
全家 Vue3 SCSS SASS vue

mybatis-plus

官网:https://baomidou.com/ 2.特性 无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑 损耗小:启动即会自动注入基本 CURD,性能基本无损耗,直接面向对象操作 强大的 CRUD 操作:内置通用 Mapper、通用 Service,仅仅通过少量配置即可实现单表 ......
mybatis-plus mybatis plus