vue3+ts+element-plus el-carousel加载慢

最新推荐文章于 2024-05-10 08:37:38 发布
最新推荐文章于 2024-05-10 08:37:38 发布
阅读量774 收藏
点赞数
文章标签： vue.js elementui 前端

第一次进页面加载缓慢

 

以为是接口请求缓慢 看请求非常快就请求到数据了
以为是数据量太大的问题 截取了一下数组控制只有十个对象 也是非常慢
可以肯定是组件有问题
百度说是carousel第一次加载时候在数组下标0自动添加了一个null数据导致的
既然是有空数据 那就给el-carousel增加一个判断为空的时候不渲染就行了

 

草莓味的代码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
04-12
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 【资源说明】 1、该资源内项目代码都是经过测试运行成功，功能正常的情况下才上传的，请放心下载使用。 2、适用人群：主要针对计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、数学、电子信息等)的同学或企业员工下载使用，具有较高的学习借鉴价值。 3、不仅适合小白学习实战练习，也可作为大作业、课程设计、毕设项目、初期项目立项演示等，欢迎下载，互相学习，共同进步！
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
05-03
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）；精简版是基于 vue-pure-admin 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 element-plus 的情况下仍然低于...
unplugin-vue-components按需导入element-plus样式导致vite加载页面耗时变得很久
个人博客
11-04 4158
开发环境不使用按需导入样式
vue3项目页面首次加载慢优化
最新发布
油墨香^-^的博客
05-10 185
配置成功后，浏览器中查看请求，响应标头。若是存在 Accept-Encoding: gzip;3、这一步和vuecli脚手架第三步一样。在需要的代理server里配置。
element-plus官网访问太慢 下载文档到本地部署 实现快速查阅
业余前端的职业经历
03-30 5095
我只是吐槽下 element基于githup pages这个部署文档地址 本来访问就慢,然后吧这个文档看的人还很多,导致更慢了 经常卡半天才出来文档地址。文档的地址(你直接下载下来 想跑起来的话可能需要更改文档的路径地址, 最方便的就是下载一个nginx进行部署, 这个也是前端同学应该学会的东西)这下访问就很爽了 可以愉快的开发了 本来工作就很不爽了,过程中应该怎么舒服怎么来。在 vi /usr/local/etc/nginx/nginx.conf。下载到本地之后,然后下载一个nginx。
Vue 3 编译慢 包分析
qq_30436011的博客
12-22 704
转：Vue 项目编译时间过长问题 - 简书 1. 使用 webpack-bundle-analyzer 分析项目外部依赖大小 # NPM npm install --save-dev webpack-bundle-analyzer # Yarn yarn add -D webpack-bundle-analyzer 官网显示的使用方法，需要在 webpack.config.js 内配置： const BundleAnalyzerPlugin = require('webpack-bundle-
el-carousel加载缓慢
qq_41872824的博客
06-20 2116
element-plus中的el-carousel走马灯加载缓慢问题
vue3+ts+vite+ElementPlus+Pinia项目搭建，首次进入加载慢页面白屏，按需引入ElementPlus和语言设置，打包文件过大优化
weixin_43965143的博客
07-21 4910
vite.config.ts 文件配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], base: "./", // build/index.html 资源路径 resolve: { //
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
基于vite+vue3+pinia+element-plus+ts后台管理系统
04-08
【标题】"基于vite+vue3+pinia+element-plus+ts后台管理系统"是一个现代的前端开发框架，用于构建高效、可扩展的企业级后台管理界面。这个项目整合了多种前沿的技术，旨在提供一个功能全面、性能优异的解决方案，...
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端）.zip
05-02
Vue3.0+TypeScript+Element-Plus编写的一套后台管理系统（兼容移动端），使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Vue3.0+TypeScript+...
vue ui-element 引入样式和js缓慢无效处理方法
lfl18326162160的博客
01-16 465
原代码现在修改为。
vue-cli4 vue3+element-plus采用本地cdn方式，提高开发启动速度
九段刀客的博客
12-05 1153
public/index.html <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /&g
Vue3强制刷新当前组件,Carousel强制重新加载
啥也不会只能CV
02-28 2606
vue数据更新了视图没有及时刷新
学习笔记（ 10 ） - ElementUI轮播图 el-carousel自适应屏幕和遇到绑定data中变量无效的问题
烟溪彭于晏的博客
05-09 2033
ElementUI轮播图 el-carousel自适应屏幕
el-carousel在vue项目中使用
seimeii的博客
12-20 2684
<div class="carousel"> <el-carousel indicator-position="outside" @change="changeCarousel"> <el-carousel-item v-for="(item, index) in images" :key="index"> <img class="carousel-img" :src="item.src" /> ..
element-ui编译过慢分析过程
一出好剧
02-15 691
package.json 引入以下两个包： "scripts": { "dev": "vue-cli-service serve --json > stats.json" // 将所有打包结果存入stats.json文件中 }, "devDependencies": { "speed-measure-webpack-plugin": "^1.5.0", "webpack-bundle-analyzer": "^4.5.0" } vue.config.js // 分析打包并优化 const
使用ElementUI走马灯Carousel组件加载慢的解决方案
123
09-29 5372
项目中使用ElementUI的走马灯组件Carousel时，发现组件渲染速度比较慢。一开始以为是后台接口处理速度慢，在后台统计了方法执行时间后发现很快。于是猜想是因为数据量太大，Carousel渲染速度就会比较慢。查阅ElementUI官方文档发现走马灯并不支持懒加载，所以就尝试了自己实现懒加载。思路是先只获取第一页和第二页的数据，然后用户点击切换的时候，再一页一页加载。改完之后debug时发...
vue3+ts怎么用element-plus的table渲染api后台数据
05-23
然后在你的 Vue 项目中引入 `element-plus` 的 `Table` 组件，以及需要使用的相关样式： ```js import { defineComponent } from 'vue'; import { ElTable, ElTableColumn } from 'element-plus'; import 'element-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值