前端哥

解决vue3项目跳转同一页面数据不刷新的问题

2024-03-04原因:router-view使用了keep-alive组件,会被缓存,而vue-router的切换不用于传统的页面切换。是路由之间的切换,组件之间的切换,引用相同组件的时候,会被直接调用缓存里面的而不会调用created(),onMoun ted()函数。如图所示:要实现的功能是点击每一个tabs栏下的更多按钮,会跳转到“消息中心”页面,这是点击不用的“更多”按钮,跳转的路由页面是同一个,但是要求页面里的消息类型下拉选择框和列表数据要刷新,显示不同的数据。现在的问题是:页面跳转数据不刷新。_vue3 跳转相同路由不刷新

https://www.qianduange.cn//article/3177.html 分类:前端知识

vue首屏优化,12个提速建议

2024-03-04将首屏所需的组件和代码拆分成独立的模块,并使用懒加载技术(如 vue 的异步组件或路由懒加载)来按需加载它们。这样可以减少初始加载的代码量,提高首屏的加载速度。使用性能分析工具(如 vue Devtools、Google Analytics 等)来监测首屏的加载性能,找出瓶颈和优化的空间,并进行针对性的改进。以上是一个 vue 首屏代码优化的方案概要,你可以根据具体的项目需求和技术环境,对每个点进行详细的描述和扩展。对代码进行审查和优化,去除不必要的计算和重复代码,提高代码的执行效率和性能。_首屏优化 vue

https://www.qianduange.cn//article/3173.html 分类:前端知识

vue3 ts 之echarts 水球图 liquidFill 的使用

2024-03-03vue3 ts 之echarts 水球图 liquidFill 的使用_echarts-liquidfill

https://www.qianduange.cn//article/3155.html 分类:前端知识

vue Echarts绘制k线图(二)--分时图和交易量图

2024-03-03使用vue Echarts绘制k线图中的分时图、交易量图详解_echarts k线图

https://www.qianduange.cn//article/3154.html 分类:前端知识

vue.js SpringBoot开发生活废品回收系统

2024-03-03本文提出了一种基于vue技术的生活废品回收系统,该系统可以通过垃圾的收集和销售来支持回收记录、回收组织等的功能。通过实验测试,生活废品回收系统让废品回收的效率显著提高,让用户的参与率也有所提高,与此同时废物的回收率也有所提高。本文将为生活废品回收系统的推广和实施提供切实可行的解决方案和技术支持,有望在未来实现更广泛的应用。

https://www.qianduange.cn//article/3149.html 分类:前端知识

React craco 详细使用与介绍(类似 vue 外抛的 vue.config.js)

2024-03-03craco 官方文档。craco是一个用于扩展的工具,CRA是一个用于快速搭建React应用的脚手架工具。CRA提供了一个简单的项目结构和配置,使得开发者可以快速开始一个React项目的开发。然而CRA的配置是被隐藏的,开发者无法对其进行自定义和扩展。这就是craco出现的原因。允许开发者覆盖和扩展CRA的配置,以满足更复杂的项目需求。使用craco,开发者可以在不弹出CRA的配置的情况下,修改webpack 配置babel 配置ESLint 配置devServer配置等。craco。_craco.config.js

https://www.qianduange.cn//article/3147.html 分类:前端知识

基于Java SpringBoot vue.js前后端分离零食购物商城系统设计和实现 可行性分析

2024-03-03基于Java SpringBoot vue.js前后端分离零食购物商城系统设计和实现 可行性分析毕设源代码毕业设计,技术支持:Java和SpringBoot是目前非常流行和成熟的后端开发技术,能够提供强大的功能和稳定性,而vue.js是一种轻量级的前端框架,能够提供良好的用户体验。综上所述,基于Java SpringBoot vue.js的前后端分离零食购物商城系统设计和实现是可行的,能够满足市场需求,并具备较高的技术支持和开发效率。项目都录了发布和功能操作演示视频;

https://www.qianduange.cn//article/3146.html 分类:前端知识

vue(ref和$refs属性介绍与使用)

2024-03-03vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容除了自定义属性外,vue实例还暴露一些有用的实例属性和方法,他们都有前缀$,以便和用户定义的属性和方法分开。_vue ref

https://www.qianduange.cn//article/3145.html 分类:前端知识

vue多个<router-view> 嵌套理解

2024-03-03在学习vue的过程中,多次碰到如有跳转错误的问题。我在多级菜单(存在多个<router-view>)中路由跳转多次不符合自己的预期。 经过尝试,终于初步理解多个<router-view>嵌套时,与路由配置的关系。假设我们有如下路由配置const routerMenu = [ { name: 'home', path: '/home', component: () => import('@/components/layout/..._多个router-view

https://www.qianduange.cn//article/3144.html 分类:前端知识

4685条数据,当前401/469

最近搜索

会员中心 联系我 留言建议 回顶部