最新内容

Vue3 + Element Plus 实现跨页选择的 el-table 表格功能

在开发后台管理系统时,el-table 是我们最常用的组件之一。然而,在使用 el-table 的多选功能时,一个常见的需求是跨页选择:即当用户切换分页时,之前选择的数据仍然保留。 默认情况下,el-table 的多选只作用于当前页数据,当我们翻页后,之前的选择会被清空。本文将通过两个关键属性(row-key 和 reserve-selection)来实现 …

【Vue3】保姆级毫无废话的进阶到实战教程 - 01

作为一个 React、Vue 双修选手,在 Vue 3 逐渐稳定下来之后,是时候摸摸 Vue 3 了。Vue3 的变化不可谓不大,所以,本系列主要通过对 Vue3 中的一些 Big Changes 做详细的介绍,然后封装一个比较通用的业务脚手架,里面会增加很多非常有用的小技巧,让你在 Vue 3 的世界里纵享丝滑 ~第一篇将着重介绍一些 Vue3 中重要的变 …

Vue3+Bootstrap5整合:企业级后台管理系统实战

简洁而不简单,优雅而不失强大在当今快速发展的企业数字化进程中,高效、美观的后台管理系统已成为企业运营的核心支撑。作为前端开发者,我们如何选择技术栈,才能既保证开发效率,又能打造出专业级的用户体验?答案就在 Vue3 与 Bootstrap5 的完美融合!一、为什么选择Vue3+Bootstrap5?1.1 Vue3带来的革命性优势Vue3凭借其组合式API( …

Vue各版本对比分析(vue主流版本)

以下是Vue.js各版本(重点对比Vue 2与Vue 3)的详细对比,涵盖架构、性能、特性及生态等方面:1. Vue 1.x定位:早期版本,轻量级框架,适合简单交互。特性:O 基于模板的语法,数据驱动视图。O 响应式系统基于Object.defineProperty,但功能有限。O 不支持碎片化组件(必须单根节点)。现状:已淘汰,仅用于历史项目维护。2. V …

Vue3远程加载组件(vue3挂载)

一、Vite是什么?首先,讲下Vite名字的由来,Vite实际上是法语中快的意思,所以顾名思义,这个工具就是为了给我们带来更快的开发体验,它是一个面向现代浏览器,基于ECMA标准的ES Module实现的一个更轻更快的Web应用开发工具二、Vite为什么快2.1 工作机制为什么说只面向现代浏览器,而不顾之前的浏览器,是因为Vite本身是一个Web应用开发者工 …

Vue3+ElementPlus 免费后台管理模板VueNextAdmin

#头条创作挑战赛#今天再分享一个vue3.x+ts+element-plus后台管理框架vue-next-admin。vue-next-admin 基于 vue3.x 、Typescript、vite、Element plus 等技术,适配手机、平板、pc 的后台开源免费模板库。快速构建# 克隆项目git clone https:gitee.comlyt-t …

一起学Vue:状态管理(Vuex)(vue状态机)

前言要学习Vuex就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Stat …

大前端,这可能是最走心的Vue3组件库——Naive UI

介绍Naive UI是一个基于Typescript开发的针对Vue3开发的UI组件库,由TuSimple(图森未来)公司开发并开源,下面是组件文档针对Naive UI的一句话描述:一个 Vue 3 组件库 比较完整,主题可调,使用 TypeScript,不算太慢 有点意思!Naive UI的一些特点组件完整组件库相对完整,有大约70个组件,能帮你节省不少时间 …

Vue3+TSX手撸Element Tree升级版(vue升级3.0)

Vue3开源的Tree组件有很多,大家常用的是以Element Tree为首的UI组件。就我个人体验来说,有些地方做的并不好,尤其是树节点的增删改操作、勾选功能以及高级的拖拽实现。这些功能不能很好的整合在一起,与后台交互的可扩展性也比较差。翻开element plus tree的源码,你会发现有很多的设计思路比较受限,实现的很繁琐。毕竟vue3给我们提供非常 …

Avue的tree树型选择框,选中子节点时,同时显示父节点名称

Avue 是一个基于Element框架低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。使用avue-crud组件开发页面时,可能会用到Tree树形选择框,同时可能会有这样的需求:子节点选中时,同时也需要显示父节点名称,即多层显示。查看了官方文档,并没有直接的解决方案。有说可以替换成Cascader级联选择器,但不符合实 …