![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
嘿喵-财运旺旺
这个作者很懒,什么都没留下…
展开
-
vue组件引入外部js同时获取变量,解决重复引入
vue组件引入外部js同时获取变量引入文件支持加载成功回调,支持通过字符串变量名获取js文件的变量/** * 引入js文件 并且获取变量 * @param src js路径 * @param variableName 需要获取的变量名 * @param callback */export const importJs = (src, variableName = '', callback = '') => { if (!isInclude(src)) { // 避免重复引入原创 2021-11-06 12:02:03 · 1229 阅读 · 0 评论 -
echarts旋转图表、图表横屏显示或是屏幕旋转横屏示例
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"/> <title>Untitled Document</title> <script src="https://cd原创 2021-01-27 15:02:17 · 3967 阅读 · 1 评论 -
vue 创建canvas画板制作图片和文字,支持文字自动换行
canvas文档:https://www.runoob.com/jsref/dom-obj-canvas.html创建画板、图片、文字、自动换行都是分开方法,可以灵活调用里面有两个小demo,演示调用方法其实简单修改也可以不需要依靠vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></原创 2020-05-15 17:38:11 · 3091 阅读 · 0 评论 -
微信录音amr解码问题
微信录音amr格式在php后端进行转码只有两种办法1、ffmpeg工具实现,需要安装拓展,比较繁琐 参考地址:https://blog.csdn.net/bq_cui/article/details/704457812、通过七牛云进行转码,但是免费带宽有效!3、前端解决播放问题,解决办法如下:安装amr.js https://www.npmjs.com/package/amr-js...原创 2020-03-16 20:35:41 · 702 阅读 · 1 评论 -
vue 遍历组件传参
<audioWrapper @uploadRecord="uploadVoice(arguments,index)" @deleteVoice="deleteVoice(arguments,index)" :audioTime="audio_time || 0" :audioUrl="audio_url || ''"></audioWrapper>如果遍历调用组...原创 2020-03-08 12:50:10 · 1025 阅读 · 0 评论 -
mac vue安装依赖失败
sudo -s无论如何先执行上面的命令,基本都是权限报错⤵️,或是目录不存在36 error errno: -13,36 error code: 'EACCES',36 error syscall: 'access',36 error path: '/Users/用户名/Desktop/VUE/项目名称/node_modules' }37 error The...原创 2019-04-16 09:25:09 · 1334 阅读 · 0 评论 -
vue 跨域 微信jssdk 解决from=singlemessage&isappinstalled=0 导致再次分享失败
jssdk是后端进行签署,前端校验,但是有时跨域,最大问题就是分享以后会自动带上from=singlemessage&isappinstalled=0以及其他参数,分享朋友圈参数还不一样,貌似系统不一样参数也不一样,但是每次获取url并不能获取后面这些参数所以在分享链接后面带上 ?就可以完美解决获取完整的url发送后端当前完整url路径以及参数,完美!赏根雪糕去……...原创 2019-05-24 22:36:02 · 6640 阅读 · 0 评论 -
微信内置浏览器 微信放大、预览图片官方接口
* img图片一定是http开头非标准方法-不确定WeixinJSBridge可以用多久function getImage() { let imgs = []; //获取图文中全部的img标签对象 let imgObj = document.getElementsByTagName('img'); let l=imgO...原创 2019-07-31 16:59:31 · 2795 阅读 · 0 评论 -
mint-ui picker 实现省市区县三级联动 单一市无法联动BUG解决
关于联动方法来自:https://www.cnblogs.com/zling-gnilz/p/7987796.html下面代码留个备份HTML:<mt-picker :slots="slots" value-key="name" @change="onValuesChange"></mt-picker> JS :const address = [ ...转载 2019-08-13 15:46:44 · 605 阅读 · 0 评论 -
vue 滑倒底部
// 规则滑动触发scroll: function () { // 窗口撑开 document.getElementsByTagName('body')[0].className = 'bodyOpen'; var t = this; document.getElementById('pact').addEventListener('scroll', fu...原创 2019-03-27 09:22:14 · 697 阅读 · 0 评论 -
vue 利用canvas生成二维码海报
做这么个破玩意居然难住了,度娘个杂……果断看官方文档canvas的原理,也就十来分钟的事html 给个画布 可以在div内,这样可以控制显示大小<!-- 二维码--><div style="display: none;" id="my_qrcode" class="qrcode"></div><!--海报--><canvas ...原创 2019-03-25 17:41:19 · 3345 阅读 · 7 评论 -
mint-ui Datetime picker 起时日期问题
看图,不要大写……如何格式化时间?在回调方法进行转handleConfirm() { this.dateValue = this.date.toLocaleDateString() }终极解决办法,趁早放弃mint-ui终极解决办法,趁早放弃mint-ui终极解决办法,趁早放弃mint-ui终极解决办法,趁早放弃mint-...原创 2019-03-19 17:16:31 · 1259 阅读 · 1 评论 -
Vue input的一些方法
多选框 获取value 值,已经动态改变样式<div class="doctor"> <div class="doctor-li"> <input type="checkbox" v-on:change="check" id="checkbox" value="111" v-model="v原创 2018-09-10 17:22:15 · 2726 阅读 · 0 评论 -
Vue 循环绑定value
就是 :value=“xxx” 就这样其他别看了 妈蛋……<template v-for="(item,index) in list"> <div class="doctor-li"> <input type="checkbox" v-on:change="check(12)" :id="index" :value=&quo原创 2018-09-10 18:15:58 · 7901 阅读 · 2 评论 -
vue 过滤器 计算剩余天数
// 计算天数Vue.filter('getDay',function (end_time,start_time) { if(start_time==0){ var today=new Date(); //当前时间 start_time = Math.ceil(today.getTime()/1000); } var day = Math...原创 2018-12-03 14:48:40 · 2375 阅读 · 0 评论 -
vue 获取url参数、get参数返回数组
这是vue过滤器 获取url参数,返回数组Vue.prototype.$url=function(){ var url = decodeURIComponent(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { ...原创 2018-12-06 10:41:18 · 5877 阅读 · 0 评论 -
vue 设置标签data值,获取标签data参数
// html<span @click="getdata" :data-id="ids" >待付款</span>// VUEgetdata:function(e){console.log(e.srcElement.dataset.id)}原创 2018-12-28 17:06:42 · 29441 阅读 · 1 评论 -
Mint-UI组件 MessageBox为prompt 添加判断条件
Mint-UI 的Message Box 是prompt类型时,可以添加正则判断或者function判断条件。具体可以查看Mint-UI源码。添加正则判断条件:MessageBox({ $type:'prompt', title:'输入验证码', message:'请填写您收到的验证码', closeOnClickModal:false, //点击mo...转载 2019-01-09 17:33:43 · 984 阅读 · 0 评论 -
vue input自动获取焦点
方法一 这个方法适合vue插件,id比较好绑定// html 部分<input type="text" id="name">// js部分mounted() { this.$nextTick(() =>{ document.getElementById('phone').focus(); ...原创 2019-02-28 09:20:59 · 3522 阅读 · 0 评论 -
vue 组件更新父级参数 组件参数双向绑定
方法一 方法实现主要涉及.sync $emit 需要新版本的支持(2.3.0+ 新增),实现原理实际和方法二一样 注意大小写与-的转换官方解释:https://cn.vuejs.org/v2/guide/components-custom-events.html<button-counter :panel.sync="panelShow"></b...原创 2019-02-28 12:11:21 · 1075 阅读 · 0 评论 -
vue时分秒倒计时
countTime:function () { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date(“...原创 2018-08-03 16:07:07 · 22424 阅读 · 2 评论