logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element ui轮播图自适应最简单的实现方式

相信用过element ui组件库的人肯定都有用到轮播图,关于大小官方只提供了一个height属性,字符串类型,也就是说可以使用vh、vw等自适应单位。我看到网上大部分人都是通过js监听浏览器宽高、图片大小去设置一个值等千篇一律的方式,给大家分享一个更加简单快捷的方法:<div class="slide_pc"><el-carousel trigger="click" heigh

#vue.js#css#html
vue实现抽奖

vue实现宫格轮转抽奖(类似穿越火线的xx轮回)不做过多的解说,直接上代码啦。关键的代码都写了注释,很容易理解。直接复制即可使用!另外css部分依赖 node-sass、sass-loader,没有安装的安装一下,已有的小伙伴直接跳过~~"node-sass": "^4.12.0","sass-loader": "^8.0.2",<template><div class="hom

#vue.js#前端#javascript
vue3+ts使用dingtalk-jsapi(钉钉h5免登)的正确方式

Vue3+typescript+vite搭建, script setup语法糖中使用。

#vue.js#前端#typescript
解决Vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined

报错信息如下:ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined注意了!很多文章的报错信息 都有vendor. 开头的,例如:ERROR in static/js/vendor.xxxx.js from UglifyJs但我这个没有 vender! 所以也并不是什么大部分博客所说的ES6语法编译不通过的问题!最后还有个很关键的undef

解决Vue根组件设置transition失效的问题

在router-view标签设置 key属性,并且确保是唯一的,这里我设置 :key=“$route.fullPath”这样直接设置会发现路由切换时并没有效果,但是你每次修改代码后保存刷新页面时却又能看到一次动画效果。修改后,transition动画就正常了。

文章图片
#vue.js#前端#javascript
vue3+ts使用dingtalk-jsapi(钉钉h5免登)的正确方式

Vue3+typescript+vite搭建, script setup语法糖中使用。

#vue.js#前端#typescript
到底了