vue复习第47页

SpringBoot+Vue+Echarts实现可视化图表的渲染

先看效果：1.首页总订单数{{orderCount}}↑12.5%较上月商品总数{{productCount}}↑8.3%较上月销售总额¥{{salesAmount}}↑18.7%较上月用户总数{{userCount}}↑23.1%较上月商品销售数量分布本周本月全年-->销售趋势分析本周本月全年-->最近订单查看全部订单编号用户商品金额状态操作{{order.orderNo}}{{order.us

qq_1061383457·2025-05-29 19:24

数字翻牌器效果

数字翻牌器简单记录一下，最近做的VUE项目里，需要写一个数字翻牌器的效果。过程比较波折，嗯，或者说恶心。引以为戒吧。先简单看一下这个最终效果。

SilenceSir·2025-05-29 17:09

微前端架构设计与实战示例

（2）技术栈无关原则：子应用可使用不同的技术栈，如React、Vue、Angular等。示例：商品子应用使用Re

慧一居士·2025-05-29 16:38

vue3数字翻牌效果

效果先看效果（稍微等几秒）实现步骤一src/components下新建CountTo/index.vue{{value}}import{isNumber}from'/@/utils/is'constprops

H30919·2025-05-29 16:07

Vue中的数据监听

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

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

通过vue-pdf和print-js实现PDF和图片在线预览

npminstallvue-pdfnpminstallprint-js打印不支持预览此文件类型下载文件importVuefrom"vue";import{ACCESS_TOKEN}from"@/store

小短腿乄·2025-05-29 15:00

学习记录-mybatis+vue+elementUi实现分页条件查询

因为前端并不难，这里前后端就一起实现。一共分为四个步骤步骤一①SQL部分分页条件查询其实就是在分页的基础上增加条件，这里有两个主要的函数需要去实现，一个是根据分页以及条件去查询数据，另一个是根据条件去统计数据。明显第二个更为简单，先从第二个开始分析。根据条件统计满足条件的数量。原本统计的SQL只需要一句：selectcount(*)form表名。完事儿了，这就可以统计所有的条目数。现在的需求是什么

Record growth...·2025-05-29 15:59

vue-登录，注册，忘记密码

北大***预约系统记住密码忘记密码登录登录中...没有账号?点击注册北大***预约系统

夏木。。。·2025-05-29 15:58

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

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

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

viewDesign里的table内嵌套select动态添加表格行绑定内容丢失

避免响应式数据丢失问题（直接操作数组元素时，Vue2.x可能无法检

顽强d石头·2025-05-29 15:57

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

vue实现上移下移_Vue实现table上下移动功能示例

本文实例讲述了Vue实现table上下移动功能。

weixin_39713841·2025-05-29 13:47

Vue2：使用sortablejs实现el-table中行拖拽调整顺序

如图，实现拖拽表格中的行来调整行顺序，但是其中的编号仍然是1、2、3、4的顺序，不跟着变化。实现如下：一、导入sortablejsimportSortablefrom"sortablejs";exportdefault{components:{Sortable},data(){return{//数据中的id很重要，拖拽行重新排序后，需要根据id来定位每一行数据，所以id必须唯一且不为空，如果//没

我是飞鸟呀·2025-05-29 12:15

hualinux 进阶 vue 4.0：使用axios与后端交互

目录一、axios介绍二、aiios安装2.1vue-axios安装介绍CommonJS:2.2使用webStorm安装三、例子前面说所说的vue及相关组件都没有与后端交互。

hualinux·2025-05-29 12:45

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

安装sortablejs2.初始化表格数据3.使用sortablejs3.1导入sortablejs3.2使用sortablejs创建拖动表格方法3.3在周期函数中调用方法3.4销毁实例4.完整代码在Vue.js

bjzhang75·2025-05-29 12:14

Vue的页面跳转与刷新

Vue刷新页面在开发的过程中，有时候我们需要刷新整个页面。this.$router.go(0)Vue页面跳转例如，在用户登录成功之后跳转到系统首页。this.$router.push("/home")

大油头儿·2025-05-29 12:09

Vue-响应式基础（组合式API）/什么是钩子-和异步回调的区别

目录声明响应状态ref()函数什么是钩子（hook）钩子回调和异步回调的区别setup是特殊的钩子修改ref的.value属性值

ceilf·2025-05-29 10:33

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

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

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

在 Vue 2 项目里引入 sockjs.min.js 、 stomp.min.js 和 jquery.js

方式一：静态资源引入把sockjs.min.js、stomp.min.js和jquery.js文件放到项目的public目录（若使用VueCLI创建的项目）。

我像在与风相爱·2025-05-29 09:53

B/S系统期末复习宝典——选择判断部分（三）

1前端页面向服务器发起登录请求时，出于安全考虑，数据应该采用哪种方式传递：Post2.下列对静态网页和动态网页根本描述错误的是（）静态网页服务器端返回的是HTML文件是事先存储好的动态网页服务器端返回的HTML文件是程序生成的静态网页文件里只有HTML标记，没有程序代码动态网页中只有程序，不能有HTML代码动态网页文件里可以有程序，也能有HTML代码能在浏览器的地址栏中看到提交数据的表单提交方式是

作业写不完的卑微小cookie·2025-05-29 09:53

Uniapp的学习

uniapp的内容和vue网页开发会有很多区别，但是都是基于vue开发的，大多数业务还是在vue打交道，但是这些uniapp的特殊的知识点也是要掌握好的。

不会敲代码的熊mao·2025-05-29 08:16

实训Day04

学习目标数据持久层操作1.复习JDBC（JavaDataBaseConnectivity）java操作数据库的基本规范（API）2.Spring整合Mybatis3.SpringBoot整合MybatisPlus

鹿野苑平藏·2025-05-29 07:33

vue-04（深入了解 props：验证、类型和默认值）

深入了解props：验证、类型和默认值Props是将数据从Vue.js中传递给子组件的基本机制。了解如何正确定义、验证和处理props对于构建可重用和可维护的组件至关重要。

清幽竹客·2025-05-29 05:13

Vue-03 （调试工具Vue Devtools ）

用于调试的VueDevtools简介VueDevtools是调试Vue.js应用程序的重要浏览器扩展。

清幽竹客·2025-05-29 05:43

微信同声传译(语音转文字) 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

修改网页标签处文字

if(systemStyle=='0'){constpageTitle='fvdsfvsd'||process.env.VUE_APP_TITLE;//更新标题document.title=pageTitle

猫328·2025-05-29 03:30

treeSelect 显示不全问题__插件包treeselete

2.使用npminstall--save@riophae/vue-treeselect{{node.label}}//importthecomponentimportTreeselectfrom'@riophae

猫328·2025-05-29 03:59

Vue 3 Class 与 Style 绑定

因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。Class绑定对象语法绑定方式简而言之，

同名公众号 - 人生代码·2025-05-29 01:49

Vue 实例生命周期

一、前言在使用Vue开发应用时，我们经常需要在组件加载、更新或销毁时执行一些特定逻辑，例如：页面初始化时请求数据；数据变化时更新DOM或发送埋点；组件卸载时清除定时器、取消事件监听等资源释放操作。

難釋懷·2025-05-29 01:48

Vue：Class 与 Style 绑定

因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。二、绑定HTMLClass2.1对象语法v-bind:class一

ChinaDragonDreamer·2025-05-29 01:18

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

Java -------复习

第一章Java的三个技术平台：JavaSEJavaEEJavaMEJava语言的特点：简单面向对象安全跨平台支持多线程*跨平台：JVM的优越性，java程序是在Java虚拟机是运行，所以是一处编辑到处运行。特指：这里的跨平台只是Java程序而不是JVMJDK：Java编译器、Java运行器、Java文本生成工具、Java打包工具JRE：只能运行（Java）第一个Java程序：classHelloW

敲代码不会掉头发·2025-05-28 20:17

软考论文万能模板

对于嵌入式软件开发人员来说，工作中能接触到的前后端知识并不多，在三个月的复习过程中最担心的就是论文，对于论文有种莫名的恐惧，不知道如何选题，不知道如何写框架，担心写的内容是否正确，也不知道2个小时能不能写完

路西法Lux·2025-05-28 20:12

vue中路径别名

在webpack.base.conf.js中配置在resolve中设置别名resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist

zyue_1217·2025-05-28 19:35

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.

许___·2025-05-28 13:56

Python打卡第29天

@浙大疏锦行复习日知识点回顾类的装饰器装饰器思想的进一步理解：外部修改、动态类方法的定义：内部定义和外部定义既然函数可以复用，有了类和装饰器，那么类还能进一步封装么？

猛犸MAMMOTH·2025-05-28 12:41

vue：h5 嵌入微信小程序在iOS or Android移动端自动播放视频

//js部分；将以下内容写成方法，在mounted钩子中调用//不需要信息正确，只是为了调用ready函数wx.config({debug:false,appId:'随意填写',timestamp:'随意填写',nonceStr:'随意填写',signature:'随意填写',jsApiList:[]})wx.ready(()=>{console.log('微信环境------自动播放2')tha

没想到昵称·2025-05-28 11:37

vue+ThreeJs 创建过渡圆圈效果

今天主要和大家分享的主题是“vue+ThreeJs创建过渡圆圈效果”。今天在做着色器过渡效果练习，发现出现了很多新的函数，这些都超出了js之外，需要更多的掌握和学习。以下是自己的复盘和梳理。

资深前端之路·2025-05-28 10:58

多个vue项目部署到nginx服务器

文章目录需求一、项目打包1.vue.config.js2.request.js文件3.打包二、nginx配置需求同一个域名安装多个vue项目。比如：域名为https://domain.com+后缀。

落魄实习生·2025-05-28 09:27

DAY08：Vue状态管理深度解析之从Pinia到实战应用

第一部分：状态管理基础与演进1.1状态管理的本质需求在前端应用复杂度日益增加的今天，状态管理已经成为构建可维护、可扩展应用的关键。我们首先需要明确几个核心问题：什么是应用状态：应用运行时的所有动态数据，包括：用户输入数据接口返回数据UI状态（如弹窗开关）本地配置数据认证令牌路由参数等状态管理的挑战：多组件状态共享跨层级组件通信状态变更追踪时间旅行调试服务端渲染同步状态管理解决方案演进：组件内状态（

听闻风很好吃·2025-05-28 09:26

基于Python+Vue开发的农产品商城管理系统源码+运行

项目简介该项目是基于Python+Vue开发的农产品商城管理系统（前后端分离），这是一项为大学生课程设计作业而开发的项目。

西门吹雪1998·2025-05-28 09:26

vue 项目部署到nginx 服务器

一vue项目打包1本地环境npmrunbuild2打包完成生成一个dist文件夹，将其放到服务器指定的文件夹，此文件夹可以在nginx配置文件中配置二nginx1根据对应的系统搜索安装命令sudoyuminstallnginx2

Leonardo_Fibonacci·2025-05-28 09:25

【vue】优化白屏即首次加载时间,针对vue2+webpack

webpack与vue有关配置1打包分析插件-webpack-bundle-analyzer安装npmiwebpack-bundle-analyzer-D配置在对应的webpack配置文件(webpack.prod.conf.js

aiqqvb·2025-05-28 09:25

推荐频道

vue复习