reactive effect vue 3.0
Spring Boot 3.0 正式发布，王炸！！
Spring Boot 3.0 正式发布 大家好，我是栈长。 Spring Boot 3.0 正式发布了： 同时发布更新的还有 2.7.x 和 2.6.x 两条版本线，Spring Boot 是我见过的发版最守时的技术框架之一。 Spring Boot 3.0 这是一个重大的主版本更新，距离上一代的 ......
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度
直播平台搭建，使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } 解决方案：提高指定样式的应用优先权（优先级） .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
Vue-与后端交互的三种方式、箭头函数
与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心：使用js发送http请求，接收返回 - 原生js，可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑（基本不写） - jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封装了很多dom操 ......
vue3中的axios进行封装代理的使用（webpack）
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件，用来处理axios拦截器 axios.js内容：（注意：其中router需要写成这种形式，不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
Vue中的watch和mounted的区别
功能不同：watch是用来监听数据的变化，当数据变化时执行异步操作或开销较大的操作；而mounted是在Vue实例被挂载到DOM后执行的函数，主要用于初始化数据和操作DOM。 执行时间不同：watch是当数据变化时执行，而mounted是在组件被挂载到页面上后执行。 总的来说，watch更适合用来监 ......
12-Vue核心-绑定样式
class 与 style 绑定 1）在应用界面中，某个（些）元素的样式是变化的 2）class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法： v-bind:class = "xxx" 或 :class = "xxx" ，xxx 可以是字符串、对象、数组 1） ......
VUE 给table添加index
el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例
js循环方式 在es6语法中：（以后尽量少用var有很多坑） - let：定义变量 - const：定义常量 1. 方式一：for循环，基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符
js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
vue-dayu03
js循环 方式一：基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......
Vue基本使用
一 模板语法 插值语法：{{变量，js语法，三目表达式}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/n ......
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容： import Vue from 'vue' import App from './App.vue' im ......
Vue的介绍
一 Vue简介 Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 官网：https://cn.vuejs.org/ 二 Vue ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例，父组件中使用子组件（table组件）再次包装： Vue2： 子组件，inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
Vue学习七：自定义创建项目和vuex
一、自定义创建项目 默认的项目有很多包不全，需要的时候还要导包搭架子，因此我们可以自定义创建项目。 选择的项目按照自己需要的设置，可参考如下参数设置。（eslink是一种代码规范） 二、vuex 1、vuex概述vuex是一个vue的状态管理工具，状态就是数据。大白话: vuex 是一个插件，可以帮 ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时，发现路由的文件配置非常多非常乱，只要只中大型项目，都会进入很多的路由页面，规范一点的公司还会吧路由进行模块化导入，但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件，能不能使用到自动导入.vue文件中去，答案是可以！ ......
vue 的 name 和最外层 class命名也需要保证唯一性
平时为了赶工期，在画页面的时候，会复制框架里面相同样式的页面，直接Ctrl+A Ctrl+C Ctrl+V 然后修改字段。 这样写节省不少时间，也提高了效率。 但是是有隐患的， 首先是vue的name，挺重要的比如keepalive时候，exclude include 的name就需要保持一致。(之 ......
vue + ElementUI 表格表头筛选数据过多，让筛选框显示滚动条
代码参考： .el-table-filter { max-height: 300px; overflow: auto; } 因为，表头筛选功能是引入的element ui的第三方组件，当我们的样式写了scoped进行了样式管控只适用于当前组件时，而又不想去除scoped属性造成组件之间的样式覆盖。这 ......
Vue中的scoped的实现原理以及scoped穿透的用法
参考：https://devpress.csdn.net/viewdesign/6410196b986c660f3cf923db.html?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Ed ......
vue增长改查模版
1.前言 后台管理系统，基础信息录入的页面都是表格+弹窗形式的增删改查，依此进行封装，减少重复开发 涉及组件：表单，表格，分页，弹窗 涉及接口：列表查询，新增提交，编辑提交(整行) 2. ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
vue elementplus 使用cellRenderer重写单元格，滑动滚动条渲染复选框出现错误
使用elementplus的虚拟表格，动态加载表头的时候，第一列为复选框；但是在滚动滑动条的时候出现了一个奇怪的现象； 我选择了4和5，当我滑动滚动条的时候如下： 像是复选框跟着在动； 通过跟踪代码，查出问题； 在cellRenderer中打印checked的值发现问题，大滚动的时候，打印出来的都是 ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
.Net core 3.0 SignalR+Vue 实现简单的IM（无jq依赖）
.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE ......