前端
文章平均质量分 54
刘彦祖lyz
这里介绍不了我嗷~
展开
-
解决Vue根组件设置transition失效的问题
在router-view标签设置 key属性,并且确保是唯一的,这里我设置 :key=“$route.fullPath”这样直接设置会发现路由切换时并没有效果,但是你每次修改代码后保存刷新页面时却又能看到一次动画效果。修改后,transition动画就正常了。原创 2023-08-11 10:17:13 · 1266 阅读 · 1 评论 -
vue3+ts使用dingtalk-jsapi(钉钉h5免登)的正确方式
Vue3+typescript+vite搭建, script setup语法糖中使用。原创 2022-09-06 17:37:04 · 4003 阅读 · 0 评论 -
vue实现抽奖
vue实现宫格轮转抽奖(类似穿越火线的xx轮回)不做过多的解说,直接上代码啦。关键的代码都写了注释,很容易理解。直接复制即可使用!另外css部分依赖 node-sass、sass-loader,没有安装的安装一下,已有的小伙伴直接跳过~~"node-sass": "^4.12.0","sass-loader": "^8.0.2",<template> <div class="home"> <div class="home-container">原创 2021-11-12 09:39:31 · 3604 阅读 · 2 评论 -
element ui轮播图自适应最简单的实现方式
相信用过element ui组件库的人肯定都有用到轮播图,关于大小官方只提供了一个height属性,字符串类型,也就是说可以使用vh、vw等自适应单位。我看到网上大部分人都是通过js监听浏览器宽高、图片大小去设置一个值等千篇一律的方式,给大家分享一个更加简单快捷的方法: <div class="slide_pc"> <el-carousel trigger="click" height="37vw" @change="loadAnimate" :interval=原创 2020-12-15 11:06:44 · 7550 阅读 · 12 评论