vue
҉遗҉忘҉
这个作者很懒,什么都没留下…
展开
-
web前端疑难杂症
关闭浏览器,清空localStorage并发请求请求重试原创 2022-12-08 11:06:04 · 140 阅读 · 0 评论 -
关于vue中使用swiper4的坑
类似小程序的swiper中的circular、previous-margin、next-margin展示效果,重点在于动态获取参数后必须(!!!)在请求回调里初始化swiper,不然会出现很奇怪的现象(我也不知道为什么)标记文本html<div class="swiper-container"> <div class="swiper-wrapper" ref="mySwiper"> <div class="swiper-slide" v-for="(item,ind原创 2020-12-07 10:40:52 · 377 阅读 · 0 评论 -
js加减乘除精度丢失问题
// 加法numAdd(num1, num2) { let baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].length; } catch (e) { baseNum1 = 0; } try { baseNum2 = num2.toString().split(".")[1].length; } catch (e) {原创 2020-09-17 12:04:56 · 258 阅读 · 1 评论 -
Vue——时间戳转换成年月日时分秒
timeFormat(timestamp){ var time = new Date(timestamp); var year = time.getFullYear(); var month = time.getMonth()+1; var date = time.getDate(); var hours = time.getHours(); var minutes = time.getMinutes(); var seconds = time.get原创 2020-09-16 17:43:43 · 2859 阅读 · 1 评论 -
Vue——双(多)循环内设置多个倒计时
methods: { timer() { this.groupList.forEach(item => { this.temp = setInterval(() => { item.groupItemRes.forEach(items => { items.countDown = this.countDownFun(items.endTime) }) this.$forceUpdate() }, 1000) }) }, c原创 2020-09-14 16:21:37 · 535 阅读 · 0 评论 -
IOS上滚动不流畅的css处理方式
为内容溢出的元素父级样式中添加样式:overflow-y: auto;-webkit-overflow-scrolling: touch;原创 2020-08-21 11:43:34 · 376 阅读 · 0 评论 -
Vue——解决页面v-for和v-if嵌套webview问题
点击事件(或其他)再次渲染时,js里值已经改变,但是v-if判断错误,这个问题我已经遇到过几次了添加this.$forceUpdate()在事件方法尾部,进行强制渲染webviw,效果实现。出现这种问题的原因应该是数据层次太多,render函数没有自动更新,所以需手动强制刷新。render 函数 跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数...原创 2020-08-14 16:34:31 · 742 阅读 · 0 评论 -
Vue——vue-video-player(video.js)实现rtmp直播流
以前的项目,重新迭代(以前用的阿里云组件,被七牛云代理了,而且特别烦琐,周六折腾了一下午 于是就有了这篇文章), 一来做个记录(确实太坑了) 二来也是希望对正在为直播头疼的小伙伴原创 2020-08-10 12:38:50 · 1353 阅读 · 7 评论 -
Vue组件——数字滚动抽奖效果
闲话不多说(希望对大家有帮助),那就直接上代码吧可调整数字滚动速度,可指定开奖延迟时间,可指定开奖数字,按个人需求自行改动(录了个效果供参考,临时找的录屏,表介意)组件代码<template> <div class="info-span04" style="color: #333333;"> 中奖号码: <div style="vertical-align: middle;display: inline-block;"> <div class原创 2020-06-04 16:42:11 · 2612 阅读 · 2 评论