您的位置:首页技术文章关键词: Vue
文章列表
  • vue将文件/图片批量打包下载zip的教程
  • vue将文件/图片批量打包下载各种格式都可以,只要url能够打开或者下载文件即可.1.通过文件的url,使用js的XMLHttpRequest获取blob2.将blob压缩为zip由于异步并行加载文件,速度还是蛮快的,我141个4M多的图片,1分左右加载完成,49个4M的图片4秒添加依赖//npm ...
  • 日期:2022-11-15
  • 浏览:183
  • 标签: Vue

  • vue学习笔记之Vue中css动画原理简单示例
  • 本文实例讲述了Vue中css动画原理。分享给大家供大家参考,具体如下:当transition包裹了一个元素之后,vue会自动分析元素的css样式,构建动画流程。so,我们需要定义style。vue中的css动画,其实就是某一个时间点,给元素再增加了一个css样式体现的。v-if、v-show、动态组...
  • 日期:2023-02-04
  • 浏览:235
  • 标签: Vue

  • 解决vue一个页面中复用同一个echarts组件的问题
  • 因为页面中要用echarts图表的地方比较多,所以封装了组件,方便复用,如图:我需要这样一个饼图,并且接下来在很多次地方要用到。直接复制官网的代码,再改改数据,需要用的时候直接拿来用。但是接下来出现了一个问题:如果我在同一个页面多次使用这个组件,图表将不能正常显示。分析了一下, echarts通过i...
  • 日期:2023-01-04
  • 浏览:237
  • 标签: Vue

  • vue实现公共方法抽离
  • demo:制作一个点击按钮增加或者减少数字现在vue组件内部测试一下功能<template><div class='all'><p>还未抽离</p><button @click='SubNum()'>-</button><...
  • 日期:2022-12-20
  • 浏览:231
  • 标签: Vue

  • Vue优化:常见会导致内存泄漏问题及优化详解
  • 如果你在用 Vue 开发应用,那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要,因为在 SPA 的设计中,用户使用它时是不需要刷新浏览器的,所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中,你需要时刻警惕内存泄漏的问题,这些...
  • 日期:2022-12-17
  • 浏览:206
  • 标签: Vue


  • vue实现移动端返回顶部
  • 本文实例为大家分享了vue实现移动端返回顶部的具体代码,供大家参考,具体内容如下HTML:<template> <div class='home'> <div v-for='ys in 100' :key='ys'> <p>1</p>...
  • 日期:2022-11-16
  • 浏览:268
  • 标签: Vue

  • 如何使用vue过滤器filter
  • 概述在 vue2.0 之前,是有内置过滤器的,在2.0中已经没有内置的过滤器了,但我们可以自定义过滤器。关于 vue 过滤器,在官方文档中是这样说明的:Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+...
  • 日期:2022-09-30
  • 浏览:20
  • 标签: Vue

  • Vue transition实现点赞动画效果的示例
  • 效果一览爱心效果材料:爱心图标两个,没有我这种 icon 组件的用 png 图片代替<transition :name=' isLike ? ’zoom’ : ’’ ' mode='out-in'> <!-- 爱心图标 --> <icon data=...
  • 日期:2022-09-29
  • 浏览:45
  • 标签: Vue

  • 如何用Idea或者webstorm跑一个Vue项目(步骤详解)
  • 现在vue.js几乎是程序员必会的前端框架啦~今天就学习记录一下怎么运行一个vue项目无论是Idea还是webstorm,都是一样的操作。去网上随便找一个开源项目,以下就是操作的流程,不管是用webstorm还是idea界面都一样。第一步:终端输入npm install命令第二步:配置这里第三步:第...
  • 日期:2023-09-22
  • 浏览:276
  • 标签: Vue

  • vue+ESLint 配置保存 自动格式化代码
  • 1. 在.eslintrc.js 添加 vscode 终端启动服务// 添加⾃定义规则 ’prettier/prettier’: [ // eslint校验不成功后,error或2则报错,warn或1则警告,off或0则⽆提示 ’error’, { singleQ...
  • 日期:2023-01-30
  • 浏览:235
  • 标签: Vue