Vue
文章平均质量分 63
Vue.js
Janaeiw
这个作者很懒,什么都没留下…
展开
-
【踩坑】qrcodejs2生成二维码安卓真机不显示(解决安卓机型二维码绘制失败)
前言:本篇文章我们将介绍使用qrcodejs2生成二维码,产生了上述的兼容问题。如果觉得作者写的不错,希望得到您的点赞/收藏/支持,如果有不同意见,欢迎下方评论区留言。注:问题原因:经过排查,发现qrcodejs2自带生成的base64图片是png格式,然而部分安卓机型存在无法将png图片绘制进canvas的情况,导致base64的png图片绘制失败,无法显示二维码。(但是也不报错)一、解决方法1.机型判断注:因为ios对png、jpg都可以进行绘制,所以可加可不加。 export functio原创 2021-11-08 11:48:46 · 3895 阅读 · 1 评论 -
Vue.js中实现Google第三方登录
前言:本文记录作者在vue项目中使用到Google第三方登录,查询到的资料文档也不详细,故此把自己所遇到的坑及问题详细的记录下来。如果觉得作者写的不错,希望得到您的点赞/收藏/支持,如果有不同意见,欢迎下方评论区留言。注:在Vue项目中使用google登录,说到google登录,第一点毫无疑问…那就是你需要有一张梯子和一个google账号。链接: 自行创建去!!!一、开发者平台配置1、进入开发者平台,首先前往Google API 控制台选择或者创建一个项目2、创建完任务会有一个提示。点击进去,进去后原创 2021-02-04 17:30:53 · 5812 阅读 · 9 评论 -
基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑
基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑插件链接:https://github.com/wg5945/vue-marquee-tips记录一下使用心得,这里不再详述。目录npm安装或cnpm安装vue-marquee-tips的使用作者留下的坑及解决方法1.npm安装或cnpm安装npm install vue-marquee-...原创 2019-12-31 10:57:22 · 2575 阅读 · 2 评论 -
基于Vue.js活动倒计时组件
vue2-countdown vue活动倒计时组件及遇到的坑基于vue2.x的活动倒计时组件主要是最近为了公司做一个倒计时活动才找到了这个组件使用的。于是去github上翻看了文档结果是一年多没更新了,主要还是有部分bug还未修复的。还有就是自己遇到的坑吧。以下是该组件的基本使用方法1.Installnpm install vue2-countdown --save-dev2.Usag...原创 2019-12-26 10:51:36 · 1118 阅读 · 1 评论 -
Vue.js分钟转换小时:分钟
目录第一步:创建函数第二步:调用函数第一步:创建函数methods: { // 分钟数换算 minTime(min) { let minTime = ""; let h = Math.floor(min / 60); min -= h * 60; if (min == 0) { minTime = h ? "0" + h + ":00" : ""; } else { i原创 2020-06-06 09:19:58 · 2893 阅读 · 0 评论 -
基于Vue.js的轮盘抽奖(布局与逻辑)
基于vue的轮盘抽奖记录一下使用心得,这里不再废话,直接上代码好吧~目录htmldata()轮盘逻辑点击事件触发1.html// 轮盘抽奖<div class="lottery posRel"> <div class="rotate posAbs" :style="{transform:rotate_angle,transition:r...原创 2020-04-17 11:00:25 · 1383 阅读 · 0 评论