vue
老杨、
这个作者很懒,什么都没留下…
展开
-
图纸根据坐标画区域。canvas类似画板区域选择可回显,不可重叠、交叉、覆盖(限制最大边数)
先贴图1.先来两个canvas,一个存,一个画展示<div class="box" style="width: 100%;height: 800px " v-if="showThis"> <!--划线canvas--> <canvas id="canvas" width="1000px" height="600px" ref="canvas"></canvas> <!--储存--> <canvas id="can原创 2021-03-12 16:42:21 · 573 阅读 · 0 评论 -
【大屏项目】缩放工具
vue-scale-resize做大屏的数据可视化项目的时候,用此组件包裹可实现F11全屏时,同比例缩放安装npm i vue-scale-resizeoryarn add vue-scale-resize使用方式在 main.js 引入并注册import VueScaleResize from 'vue-scale-resize'Vue.use(VueScaleResize)在组件中使用<template> <vue-scale-resize :width原创 2021-02-02 16:50:39 · 257 阅读 · 0 评论 -
[记]uniapp,app端video组件播放一些格式的视频有影像无声音或有声音无影像
如题uniapp自带video组件在开发app过程中,遇到一些特殊格式的视频时会出现一些问题,这么隐蔽的坑都被我踩到了。最近开发了一个这个功能简简单单,线下测试没问题,一切ok。然而线上发现几个视频居然没有声音。一同研究之下发现这几个视频都是AC3的音频编码格式。OK既然发现问题那肯定很好解决。然而我确实大意了,没有闪。首先我想到解码。然而一个视频几百mb,这个方案不现实,而后,我在插件市场找播放器,然而免费的运行各种问题,收费的要么只支持安卓要么只支持ios要么我穷用不起。最后一个方案那就是web-v原创 2020-12-16 11:35:55 · 3496 阅读 · 1 评论 -
[记] for循环内请求接口。循环完成后执行下一操作
线上要加多选图片,懒得让后台的筒子们改接口了。无奈之下只能循环。export const selectImg = async function(count,callback) { let files; let options = { count:count }; let storeToken = uni.getStorageSync("token"); try { files = await chooseImage(options); let arr = [] for (le原创 2020-11-30 16:32:18 · 3416 阅读 · 0 评论 -
uniapp无痛刷新token
通过拦截器,拦截接口如果返回token过期,请求接口获取新的token,拿新的token继续之前的请求。//封装拦截器import { requestURL_dev, requestURL_pro} from '../config'export default { config: { baseUrl: requestURL_dev, header: { 'Content-Type':'application/json;charset=UTF-8', 'Content-Ty原创 2020-11-13 09:10:15 · 3752 阅读 · 7 评论 -
uniapp中使用randerjs引入echarts,app端lable-formatter自定义函数不生效问题。
uniapp开发app使用echarts的时候发现一个问题,饼图lable文字过长,会出现超出屏幕的问题,而使用formatter自定义函数H5端可以而app端则不会换行而是出现省略号,搞了半天发现,data中option下的formatter方法在randerjs初始化的时候被干掉了,真的坑。<script>export default { props:['dateInfo'], data() { return { option: { title: {}, .原创 2020-11-11 16:00:11 · 1828 阅读 · 3 评论 -
vue获取本周的第一天和最后一天
setDate(date){ var y=date.getFullYear(); var m=date.getMonth()+1; var d=date.getDate(); m=m<10?"0"+m:m; d=d<10?"0"+d:d; return y+"-"+m+"-"+d;},//本周第一天最后一天showWeekFirstDay () { var Nowdate = new Date() var day = Nowdate.getDay() if (day ==原创 2020-11-10 17:06:53 · 943 阅读 · 1 评论 -
input 只能输入数字(或小数点数字)
<input v-model="trainTime" type="text" class="input_class" placeholder="请输入" @input="clickTrainTime"/>clickTrainTime(e){ const val = e.detail.value; const zero = /^(0{2,})|[^0-9]/g; let final = ''; if (!val) { final = ''; } else { final =原创 2020-10-18 14:53:48 · 253 阅读 · 1 评论 -
onShow中获取option 返回和onload中的格式一样 -- vue&&uniapp
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-12-18 17:35:47 · 2052 阅读 · 0 评论 -
小程序短信4位6位验证码验证/vue也适用
如图我看有要这种需求的随便贴一下,随便看一下。有需要的根据自己的业务修改一下就OK了` <div class="title">请输入验证码</div> <div class="conBox"> <div class="concon"> <block v-for="item in verCodeNumbe...原创 2019-06-13 15:00:08 · 1558 阅读 · 0 评论