vue3知识总结第13页

信创环境下，前端如何实现富文本编辑器的国产化替代？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5需求：复制粘贴word内容图片，word图片转存交互,导入pdf,导入PowerPoint

2501_90694782·2025-05-31 09:35

基于cornerstone3D的dicom影像浏览器第二十五章自定义VR调窗工具

文章目录前言一、三维调窗原理二、自定义三维调窗工具三、调用流程1.修改mprvr.js2.修改DispalyerArea3D.vue3.view3d.vue4.Toolbar3D.vue总结前言从cornerstoneToolsBaseTool

西哥写代码·2025-05-31 07:51

AI问答-Vue 3-Composition API：理解Composition API / Composition API 是 Vue 3 引入的一项革命性功能

Vue3CompositionAPI深入理解CompositionAPI是Vue3引入的一项革命性功能，它彻底改变了Vue应用的组织方式，提供了更灵活、更可复用的代码组织方案。

快雪时晴-初晴融雪·2025-05-31 04:31

Vue3 composition API: watch

首先，importwatch，例如：import{ref,computed,watch}from'vue';然后在setup()函数中调用watch函数：exportdefault{setup(){constfirstName=ref('');constlastName=ref('');constuAge=ref(31);watch(uAge,function(newValue,oldValue)

小公鸡卡哇伊呀~·2025-05-31 04:30

探索Vue 2的未来：@vue/composition-api

随着Vue3的发布，我们迎来了一个全新的组件设计模式——CompositionAPI。为了让Vue2的开发者提前体验这一革命性的变化，@vue/composition-api插件应运而生。这个插

贾彩知Maura·2025-05-31 04:30

Vue3使用vue-quill富文本编辑器并实现图片自定义上传替换默认base64格式图片

本文介绍在vue3环境下使用vue-quill富文本编辑器，并实现使用自定义上传接口将图片上传至服务器并保存为img标签src为服务器中图片的地址而不是默认的base64格式图片。

努力敲代码呀~·2025-05-31 01:10

一些基本的 Vue 规范

字体）├──components/#全局组件├──views/#页面组件（用于路由）├──router/#路由配置├──store/#Vuex状态管理├──composables/#封装的可复用逻辑（Vue3

B.-·2025-05-30 20:35

watchEffect

在处理复杂异步逻辑时，Vue3的watchEffect相比传统的watch具有以下优势：1.自动追踪依赖watchEffect会自动收集其回调中使用的所有响应式依赖，无需手动指定监听源：import{ref

每天吃饭的羊·2025-05-30 12:37

从零开始创建 Vue 3 开发环境并构建第一个 Demo

Vue3是目前前端开发中非常流行的渐进式JavaScript框架。本文将手把手带你完成从环境搭建到运行一个基础Vue3示例的全过程。

CXH728·2025-05-30 12:03

Vue Hook Store 设计模式最佳实践指南

VueHookStore设计模式最佳实践指南一、引言在Vue3组合式API与TypeScript普及的背景下，HookStore设计模式应运而生，它结合了Vue组合式API的灵活性与状态管理的最佳实践，

赵大仁·2025-05-30 12:02

Zookeeper知识总结

zookeeper是一个开源的分布式的,为分布式应用提供协调服务的apache项目;工作机制:zookeeper从设计模式来理解:是一个基于观察者模式设计的分布式服务管理框架,她负责存储和管理大家都关心的数据,然后接收观察者的注册,一旦这些数据的状态发生变化zookeeper就将负责通知已经在zookeeper上注册的哪些观察者做出相应的反应;zookeeper=文件系统+消息通知机制zookee

sofency·2025-05-30 06:51

el-table-column如何获取行数据的值

在ElementUI的el-table组件中，你可以通过el-table-column的slot-scope属性（在Vue2.x中）或者#default插槽的scope属性（在Vue3.x中）来获取当前行的数据

hachi0313·2025-05-30 05:12

关于Univer Sheet在线电子表格

官网地址安装及引入1.vue安装vue安装的前提是本机已经安装及配置好node.js，其中包含的npm支持vue3的安装命令，目前vue3支持的npm版本在v12.x以上，若版本过低则会报错，导致无法安装相关的插件包

@菜菜_达·2025-05-30 03:24

《银行数字化风控-业务于实战》读后知识总结

引言在金融科技高速发展的今天，银行的风控体系正经历从“人工经验驱动”向“数据智能驱动”的深刻变革。《银行数字化风控-业务于实战》一书以实战为导向，系统性地剖析了数字化风控的核心逻辑、技术实现路径及业务落地方法论。作为深耕风控领域多年的从业者，我通过本书不仅验证了自身对风控业务的理解，更从技术架构、模型设计、场景适配等维度获得了新的启发。以下从核心概念、技术实现、实战案例三个层面展开总结，并结合个人

王子文-上海·2025-05-29 20:05

SpringBoot+Echarts实现可视化图表（Thymeleaf，Vue3.0两种实现）

本篇文章主要讲解如何使用SpringBoot+Thymeleaf+Echarts、以及SpringBoot+VUE3.0+Echarts两种方式，实现Web应用中的图标显示功能。

听潮阁·2025-05-29 19:29

vue3+element-plus实现分页功能

今天给大家分享的是用vue3+element-plus实现分页功能，话不多说直接上代码这里是HTML部分：<el-paginationv-model:currentPage="formJsonIn.page

心安丷·2025-05-29 19:59

vue3结合element-plus之如何优雅的使用表格

背景表格组件的使用在后台管理系统中是非常常见的，但是如果每次使用表格我们都去一次一次地从element-plus官网去复制、粘贴和修改成自己想要的表格。这样一来也说得过去，但是如果我们静下来细想不难发现，表格的使用都是大同小异的，每次都去复制粘贴，对于有很多表格的后台系统来说，代码量会增加，会显得很臃肿那么有没有一种相对来说比较方便的方法去实现这个重复的过程？就比如我们只需传入配置文件，就可以帮我

小白小白从不日白·2025-05-29 19:58

Vue3 - Element plus 实现 “带分页“ 表格组件，实现跨页进行 “分页勾选“ 的多选功能（解决分页表格组件＜el-table＞跨页后已前勾选的行自动消失问题）详细示例解决教程

前言在Vue3项目中，使用ElementPlus组件库的表格组件时，出现了跨页勾选复选框消失的问题。

王二红·2025-05-29 19:58

Vue3 + Element plus 分页

废话不多说，我直接列出HTML部分和TS部分，供大家参考开发电脑上面的详细配置如下vue3.0.0-beta.1+typescript3.9.3"dependencies":{"axios":"^0.21.1

ootw·2025-05-29 19:57

解决Vue2 Vue3使用echarts报错 There is a chart instance already initialized on the dom

vue2Vue3解决echarts报错Thereisachartinstancealreadyinitializedonthedom使用echarts,创建实例，多次调用接口获取数据，setOption

ningmeng_CSDN·2025-05-29 19:56

使用elmentPlus对表格操作

一.所需环境、依赖vue3elmentPlus二.一个栗子引入一个基础的table组件//添加勾选框//添加序号//对其中某一列特殊处理(当prop等于tag的时候，把这列数据用tag标签包裹){{scope.row.tag

正方形的圆灬·2025-05-29 19:25

vue3数字翻牌效果

效果先看效果（稍微等几秒）实现步骤一src/components下新建CountTo/index.vue{{value}}import{isNumber}from'/@/utils/is'constprops={startVal:{type:Number,default:0},endVal:{type:Number,default:2021},duration:{type:Number,defau

H30919·2025-05-29 16:07

Vue中的数据监听

watch的原理vue2：基于Object.defineProperty的getter/setter实现依赖收集；Vue3：使用Proxy代理实现深层响应式追踪；依赖更新时触发调度器执行回调函数。

昆虫研究院·2025-05-29 16:07

使用el-table的案例小结——包含跨页多选、双击行、分页器、编辑\删除行、动态根据分页生成序号

如果还没在项目中配置element-plus的可以参考文章从零开始创建vue3项目——包含项目初始化、element-plus、eslint、axios、router、pinia、echarts，也可以参考

剑亦未配妥·2025-05-29 15:27

elementPlus使用table标签不显示序号

项目：elementPlus+Vue3+Ts在使用table表格的时候，想实现一个序号的功能，查看官网之后，显示的是使用type=index即可，可是我这边没成功就改用了插槽的方式。

开心开心~~~~·2025-05-29 14:27

vue3+element-plus el-date-picker日期、年份筛选设置本周、本月、近3年等快捷筛选

一、页面代码：importcommonfrom'@/utils/common'conststartDate=ref()//开始时间constendDate=ref()//结束时间constdateRange=ref([])//日期范围值constyearPicker=ref()//年份筛选框refconstyearRange=ref([])//年份范围值//日期快捷选项constshortcuts

Nymph_Zhu·2025-05-29 14:23

基于 uni-app + ＜movable-view＞拖拽实现的标签排序-适用于微信小程序、H5等多端

微信小程序原生的movable-view为我们提供了一个简单、高效的拖拽能力，结合Vue3+uni-app的组合，我们可以实现一个体验良好的标签管理界面。

一蓑烟雨，一任平生·2025-05-29 13:49

Vue3中优雅地实现表格拖动排序功能

文章目录1.安装sortablejs2.初始化表格数据3.使用sortablejs3.1导入sortablejs3.2使用sortablejs创建拖动表格方法3.3在周期函数中调用方法3.4销毁实例4.完整代码在Vue.js中主要通过第三方库实现表格拖动排序功能，其中最常用的库是SortableJS。1.安装sortablejsnpmisortablejs--save2.初始化表格数据这里使用El

bjzhang75·2025-05-29 12:14

Vue3实现一个拖拽加全屏功能的组件

Vue3实现一个可拖拽和全屏的组件在前端开发中，拖拽和全屏功能是非常常见的需求，比如弹窗、图片预览、视频播放器等场景。今天我们来用Vue3实现一个简单的组件，支持拖拽和全屏功能。

DC...·2025-05-29 10:58

微信同声传译(语音转文字) Taro +vue3

前言微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用。在使用过程中遇见某些问题，不知道是不是底层问题，希望有大佬能解惑。1.准备工作代码配置：//app.json或者app.config（taro){...plugins:{WechatSI:{version:'0.3.6',//插件版本号provider:'wx069ba97219f66d99'//插件提

з小丸子ε·2025-05-29 04:37

地图信息 leaflet +vue3 一个文档让你掌握leaflet基础用法

参考仓库：leaflet学习:leaflet基础学习(gitee.com)leaflet基本用法1.引入leafletjs资源：手动下载地址：https://leafletjs.com/download.html引入css和jsnpmnpminstallleaflet--save在组件或者main.js中引入2.创建容器存放地图3.初始化地图坐标，纬度在前，经度在后，初始化地图必有两个参数，一个坐

з小丸子ε·2025-05-29 04:07

Vue3 双向绑定原理浅入

众所周知vue2所使用的双向绑定原理是用了Object.defineProperty来进行数据的拦截处理，而vue3使用了es6的proxy代理拦截数据。

ZhuAiQuan·2025-05-28 23:04

nuxt3入门

随着vue3的发布，nuxt也将迎来它的vue3版本。截止到目前，nuxt3已经发布了RC版本，预计年内会发布正式版本。所以现在开始来学一下nuxt3吧！

ZhuAiQuan·2025-05-28 23:34

Vue3路由——基本使用、动态路由、路由正则、重复参数、嵌套路由、编程式导航、命名路由、重定向、别名、路由模式与导航守卫

文章目录P23Vue3路由的基本使用P24动态路由和404NotFound动态路由404NotFoundp25路由正则与重复参数路由正则重复参数p26嵌套路由p27使用js跳转页面(编程式导航)p28命名路由与重定向别名命名路由重定向别名

lalaxuan·2025-05-28 19:04

VUE3 Router学习第二章导航守卫（全局前置、后置守卫）、路由元信息（meta）、过渡动效、滚动行为（scrollBehavior）

一、导航守卫1.全局前置守卫（router.beforeEach）router.beforeEach((to,form,next)=>{console.log(to,form);next()})每个守卫方法接收三个参数：to:Route，即将要进入的目标路由对象；from:Route，当前导航正要离开的路由；next():进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是confirm

Hyman-ya·2025-05-28 19:01

在h5端实现录音发送功能(兼容内嵌微信小程序) recorder-core

本文将通过一个实际的Vue3组件示例，带你一步步实现“按住录音，松开发送，上滑取消”的语音录制功能。

一蓑烟雨，一任平生·2025-05-28 19:00

Vue2 / Vue3 使用自定义配置，实现打印+生成PDF的带水印文件

文章目录1.自定义配置1.1注意事项1.2去除默认带入的页眉页脚/禁止跨行分页1.3源代码2效果图3.Vue2示例（包含源码）3.1展示页面（需被打印/生成PDF的页码）3.2被打印/生成PDF页面4.Vue3

许___·2025-05-28 13:56

Vue3进阶-第四篇：动态组件与缓存

Vue3进阶-第四篇：动态组件与缓存1.动态组件灵活切换通过is特性动态切换组件在Vue中，is特性为我们提供了一种灵活切换组件的方式。它允许我们在同一个DOM元素位置，根据不同的条件渲染不同的组件。

程序员勇哥·2025-05-28 09:22

uniapp vue3页面跳转对象传参工具（优雅永不过时）

vue3页面跳转对象传参工具/*vue3页面跳转对象传参工具>>>>>>>>>>>>>a.vue>>>>>>>>>>>>>uni.navigateTo({url:'/pages/biz/goods/commodityinfo

幽··2025-05-28 08:20

Vue3进阶教程：1.初次了解vue

1.初次了解vuevue文件目录和各个文件在这里不做介绍此课程对针对有点vue基础的同学，或者看过我上部分vue的教程与之前我的Vue教程不同的是，写法和内容有区别真正的了解Vue31.创建vue组件1

Python涛哥·2025-05-28 08:46

ES6基础知识总结

一、ES6介绍1.ES6介绍ES6是ES2015、ES2016、ES2017他们的统称官方名字：《ECMAScript2015标准》=>ES62.包管理机制（npm）1)初始化项目npminit-y初始化项目（不询问项目信息）2)安装依赖全局依赖（在电脑的C盘保存依赖的源码）cnpminstallxxx--global简写：cnpmixxx-g局部依赖（在项目的根目录下保存依赖源码信息）开发依赖c

小白6402·2025-05-28 06:59

vue3组件通信和插槽

Vue.js组件通信详解1.父传子通信(defineProps)基本用法父组件通过属性(props)向子组件传递数据，子组件使用defineProps接收。父组件(App.vue)importHeaderfrom"./components/header.vue"importFooterfrom"./components/footer.vue"constpropsWeb=reactive({user

Xiao_die888·2025-05-28 06:58

vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高

vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高前言一、下载插件二、直接上代码1.taskDetail.vue2.读入数据总结前言vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高一

跟着阿龙学编程·2025-05-28 00:47

vue + ant-design + xlsx 实现Excel自定义模板导入功能

本文将深入讲解如何基于Vue3+AntDesignVue+xlsx技术栈，实现以下高级导入功能：自定义模板文件解析智能表头匹配批量数据校验错误定位反馈通过模板引擎设计，解决传统导入功能存在的三大痛点：模板格式不统一导致的解析失败海量数据校验性能低下错误信息反馈不直观一

^Rocky·2025-05-28 00:16

vue + ant-design + xlsx 实现表格数据导出

本文将结合Vue3生态，演示如何使用AntDesignVue的Table组件配合xlsx库，实现优雅的表格数据导出功能。

^Rocky·2025-05-27 23:45

uniapp中的uni-file-picker组件上传多张图片到服务器

uni-file-picker组件可实现图片上传功能，默认的是上传到自带的服务，所以我们要修改成自己的服务器1.添加:auto-upload="false"加上这个取消自动上传2.vue2封装mixin（vue3

-嘻嘻哈哈~·2025-05-27 21:27

Vue3监听对象数组属性变化方法

在Vue3中，监听对象数组中某个属性的变化可以通过以下几种方法实现：方法一：深度监听整个数组并比较属性变化使用watch函数并启用deep:true，在回调中遍历比较新旧数组的特定属性。

BillKu·2025-05-27 21:25

组合API-生命周期函数

魔术师ID·2025-05-27 17:27

Vue3进阶-第二十二篇：项目最佳实践与优化

Vue3进阶-第二十二篇：项目最佳实践与优化1.代码规范与协作制定Vue3项目的代码规范命名规范文件命名：采用小写字母和短横线组合的方式，以描述文件的内容或功能。

程序员勇哥·2025-05-27 16:54

Vue 3.0 中状态管理Vuex 与 Pinia 的区别

随着Vue3的普及和CompositionAPI的引入，开发者面临着状态管理库的选择问题：是继续使用经典的Vuex，还是转向新兴的Pinia？

aiguangyuan·2025-05-27 16:19

推荐频道

vue3知识总结