vue
Zoriah
坚持更博,记录爬坑之旅!!!
展开
-
Vue中利用CSS实现卡片滑动翻转
.scene { width: 100%; height: 100%; border: 1px solid #CCC; perspective: 600px;}.card { position: relative; width: 100%; height: 100%; cursor: pointer; transform-style: preserve-3d; transform-origin: right center; transition: trans原创 2021-12-27 17:34:29 · 1284 阅读 · 0 评论 -
vue3.0引入Element UI(Plus)不生效问题
之前使用的都是vue2.0,按惯例 element-ui 这样引用应该没有毛病,先 install 再在main.js 中引入可控制台报错:原因: vue3.0 不兼容 element-ui ,于是推出了element-plus解决办法:vue 降版本至 2.0使用 element-plus (建议) 另外,vue3.0 使用新引入的 createApp 方法来替换2.0中创建Vue实例的代码:vue2.0vue3.0...原创 2021-06-22 11:56:19 · 5824 阅读 · 4 评论 -
vue 样式提示 Do not use empty rulesets scss(emptyrules)
又是逼死强迫症系列!!!使用的scss样式嵌套,各种高亮显示 o(╥﹏╥)o 解决办法: 在 settings.json 文件中添加如下"files.associations": { "*.vue": "vue"},原创 2021-06-17 10:32:54 · 3269 阅读 · 1 评论 -
Element UI 之 Pagination 分页切换size请求两次接口BUG
测试组测出来的分页BUG啊啊啊!嘤嘤嘤 当前page是最后一页(40),切换size(40),显示没有数据???不信邪又试了几次,时而好使时而不好使… 既然出了问题,咱就来好好分析分析,打开控制台瞅一瞅,接口调用了两次!两次! 分别是 handleSizeChange() 和 handleCurrentChange()切换size调用一次,此时传到后端是size:40 page:40当前page变化再次调用接口,size:40 page:10 打开后端再看一看,竟然先返回了 h原创 2021-01-23 14:33:54 · 1520 阅读 · 5 评论 -
Vue引用Animate.css动画库实现应用过渡效果(以及不生效避坑)
一、安装animate.cssnpm install animate.css@3.5.1 -S划重点:博主使用的vue-cli3.0+,如果不指定animate的(低)版本,动画不生效!!!建议使用@3.x.x版本。二、在main.js中全局引入import animated from 'animate.css' // 引入Vue.use(animated) // 全局注册三、使用方法:给指定的元素加上指定的动画样式名<div class="animated fadeInUp">原创 2020-12-14 16:24:29 · 1343 阅读 · 0 评论 -
vue-cli3.0 之 vue-lottie使用教程(渲染JSON动画)
一、安装vue-lottienpm install vue-lottie -S二、在main.js中引入vue-lottie// 引用vue-lottie动画import lottie from 'vue-lottie'Vue.component('lottie', lottie)三、在组件中注册使用方法1、引入jsonimport * as animationData from '@/assets/lottie/data.json' 一般情况下,引入的资源文件都是放在src/原创 2020-10-30 09:59:55 · 1975 阅读 · 0 评论