Vue相关
Jikel
小小前端一枚
展开
-
vue 按需加载组件
Vue允许将组件定义为一个异步解析(加载)组件定义的工厂函数,即Vue只在实际需要渲染组件时,才会触发调用工厂函数,并且将结果缓存起来,用于将来再次渲染。2、 缓存组件,通过异步加载的组件会缓存起来,当你下一次再用到这个组件时,丝毫不会有任何的疑迟,组件很快会从缓存中加载出来。1、 用不到的组件不会加载,因此网页打开速度会很快,当你用到这个组件的时候,才会通过异步请求进行加载;好处:按需加载,可以节省首次加载时间,提高速度,性能优化,第一次加载完成会缓存。原创 2023-06-14 17:33:36 · 989 阅读 · 0 评论 -
vue自定义页面右击菜单栏
自定义页面右击菜单栏原创 2022-12-08 10:33:21 · 1798 阅读 · 0 评论 -
elementui 下拉框出现脱离 超出弹框解决方案
elementui 下拉框超出脱离弹框滚动解决方案原创 2022-11-10 16:41:18 · 2382 阅读 · 0 评论 -
文件上传覆盖提示-基于element-ui
文件覆盖操作原创 2022-08-18 15:03:15 · 470 阅读 · 0 评论 -
vue 使用elementui做上传功能需要注意的点
<template> <div class="left-main"> <div class="header"> <!-- ---------属性--------------- action : 必须写不然报错,但是我们可以只写一个属性,不指定上传的地址 accept : 上文文件类型/后缀名 show-file-list : 是否展示上传列表 multiple原创 2022-05-17 15:21:52 · 284 阅读 · 0 评论 -
文件下载使用
// 创建下载的回调 downloadFn(id) { let data = { id: id, }; 封装的接口名称(id).then((res) => { // 1.创建后端文件的地址 let url = window.URL.createObjectURL(new Blob([res])); // 2.创建一个a标签 let link = do...原创 2022-04-29 10:11:28 · 117 阅读 · 0 评论 -
echarts 对后端获取的值进行数据格式化处理
echarts是我们经常用到的数据可视化图形但是后端反馈给我们的数据经常是数组包对象的集合类型 , 我们常常需要进行一些数据格式化的算法取值操作 , 这里我提供一种方法,希望对读者有所帮助!// 后端返给我们的值echarts:[ {id:1,createData:2020-1-4,num:20}, {id:2,createData:2020-2-6,num:120}, {id:3,createData:2020-4-10,num:80},原创 2022-04-18 14:07:37 · 3023 阅读 · 1 评论 -
elementui-tree组件浅谈
我们知道 , 在后台管理系统各种对于对于树形控件的使用频率是非常高的 , 所以在这里 , 我将主要讲解一下 tree树形控件的一些用法因为elementUI上面有基础的用法 , 所以我就不进行基础使用的讲解了 , 我们直接来看他有关的一些方法或者属性:data=“自定义数组”自定义数组需要时多维数组 , 我们从后端接收到的一般都是平面的数组 , 接下来需要我们进行一个算法的转化例如接收到的值为:我们通过算法 :得到转化后的值:export function tranListToTree原创 2022-04-17 22:46:31 · 2478 阅读 · 3 评论 -
vue - 开发环境 - 跨域解决
产生原因我们熟知的跨域问题产生的原因是 , 浏览器本身为了用户安全生成的http网络安全协议,同源策略 ,当前端项目运行的服务地址 和 接口服务运行的地址 协议 域名 端口 三者有一个不一致就会出现跨域也就是说 , 我们前端项目(在服务器中存放)运行的时候 , 在浏览器的url地址栏上面的地址(前端项目运行的服务器地址)与后端提供的后端接口地址协议 域名 端口 三者有一个不一致就会出现跨域产生跨域的两个重要元素 : 浏览器的同源策略 , 协议或端口解决方案1. co.原创 2022-03-22 13:24:25 · 2020 阅读 · 0 评论 -
vue项目中对于Scroll事件的节流优化
methods: { throttle(fn, wait) { // 封装函数进行节流 var timer = null; return function () { var context = this; var args = arguments; if (!timer) { timer = setTimeout(function () { fn.apply(context, ar..原创 2022-02-16 11:28:05 · 1061 阅读 · 0 评论 -
vue声明正则方法一
加粗样式原创 2022-02-15 14:53:32 · 368 阅读 · 0 评论 -
【纯原创不营销免费共享!】vue基础知识点大全-作者集帅气与才华于一身,空余时间创作之大成,自写指南,与君共勉!
本书全原创 包含了ES6模块化前置知识 , vue2.0基础最全知识点 , 共134页 , 纯文字2W+ , 代码文字 5W+ , 代码全手写, 如今我将这本书,分享出来 , 望与诸君共勉 !// 请复制码云地址 , 使用git直接下载即可[email protected]:jikelzhang/jikel_-zhang_-vue-dome-book.git...原创 2021-08-30 20:57:43 · 78 阅读 · 0 评论 -
Vue-svg小图标使用以及配置文件步骤详解
提示:本章节技术分享为针对Vue中如何快速使用svg小图标进行配置文件步骤详解文章目录前言1.文件配置步骤1.安装loader2.配置vue.config.js3.配置相对文件及创建一个svg图标的组件4.创建icons文件夹,在index.js中注册成全局组件5.在main.js中引入icons/index.js6.收集以及运用7.使用组件8.下载以及详细学习总结前言提示:svg小图标作为前端点缀页面不可缺少的元素之一,怎样配置文件才能快速使用小图标是我们需要快速了解的提示:以下是本篇文章正原创 2021-04-20 17:24:22 · 748 阅读 · 0 评论