VUE
-
17个Vue3实用UI组件库(Web+移动)分享
Vue3 正式发布已经快2年了,也是 Vue 项目的默认版本,各大组件库、框架都对 Vue 3 做了支持和优化,下面本篇文章就给大家整理分享17个Vue3实用UI组件库,包含Web UI库和移动UI库,希望对大家有所帮助! 一、Web UI库 1. ElementUI Plus 官方地址:https://element-pl...
-
推荐一款H5生成海报利器html2canvas
一、安装 npm 安装 yarn 安装 直接引入 html2canvas.js 二、使用 我们先拿 vue 来举例 如果想要将图片导出,可以这样写 普通html的写法 可能出现的问题及相应解决方案 1、图片不显示问题 因为图片素材出现跨域,也就是说图片所在的域名与你项目所在域名不一致; 图片放在CDN上也会导致不显示,所以需要配置相关的跨域操作; 还有一种方...
-
Element(饿了么) Vue组件库内置过渡动画主要源代码
我们在开发一些Vue项目的时候经常会引入Element这个组件库,简洁美观又好用。有时候我们自己会根据项目的需要自己写一些公共的组件(造轮子),有很多组件都会用到CSS的过渡、动画效果使得组件的展示更加美观、平滑。这时候可以参考Element组件的过渡动画源码。 动画效果演示可以在Element组件库的内置动画过渡找到: fade 淡入淡出 在V...
-
将多个echarts图片打包zip并下载
官方网址:JSZip 首先安装依赖 在使用的页面引入依赖包 注意标题后面必须加png或jpg 否则图片无法显示 遍历后得到的数据结构是这样 创建jszip实例,content是打包后的压缩文件 将base64转码
-
vue给同一元素绑定单击click和双击事件dblclick,执行不同逻辑
在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情。一开始直接click和dblclick写在标签里面,但是不管怎么样,总是执行单击事件 解决办法:利用计时器,在大概时间模拟双击事件 html部分代码: .native主要用于监听组件根元素的原生事件,主要是给自定义的组件添加原生事件。 官方对.native修饰符的解释为:有时候...
-
.eslintrc.js文件内容配置eslint/eslint参数
官网的链接 List of available rules - ESLint中文文档 这里以vue项目为例,主要两个文件,1是.eslintrc.js文件(配置),2是.eslintignore(忽略不需要匹配的文件) 一、这个是.eslintrc.js 二、这个是.eslintignore文件
-
解决:element切换tab时table的抖动问题
抖动可能原因: 百度提供的解决方案有: 最终解决方案:使用element 表格中的doLayout方法,对 Table 进行重新布局。
-
Vue.js中 watch(深度监听)
handler方法和immediate属性 这里 watch 的一个特点是,最初绑定的时候是不会执行的,要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢?我们需要修改一下我们的 watch 写法,修改过后的 watch 代码如下: 注意到handler了吗,我们给 firstName 绑定了一个handl...