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 · 1306 阅读 · 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 · 4284 阅读 · 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 · 3219 阅读 · 0 评论 -
微信录音amr解码问题
微信录音amr格式在php后端进行转码只有两种办法1、ffmpeg工具实现，需要安装拓展，比较繁琐 参考地址：https://blog.youkuaiyun.com/bq_cui/article/details/704457812、通过七牛云进行转码，但是免费带宽有效！3、前端解决播放问题，解决办法如下：安装amr.js https://www.npmjs.com/package/amr-js...原创 2020-03-16 20:35:41 · 799 阅读 · 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 · 1063 阅读 · 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 · 1370 阅读 · 0 评论 -
vue 跨域 微信jssdk 解决from=singlemessage&isappinstalled=0 导致再次分享失败
jssdk是后端进行签署，前端校验，但是有时跨域，最大问题就是分享以后会自动带上from=singlemessage&isappinstalled=0以及其他参数，分享朋友圈参数还不一样，貌似系统不一样参数也不一样，但是每次获取url并不能获取后面这些参数所以在分享链接后面带上 ？就可以完美解决获取完整的url发送后端当前完整url路径以及参数，完美！赏根雪糕去……...原创 2019-05-24 22:36:02 · 6684 阅读 · 0 评论 -
微信内置浏览器 微信放大、预览图片官方接口
* img图片一定是http开头非标准方法-不确定WeixinJSBridge可以用多久function getImage() { let imgs = []; //获取图文中全部的img标签对象 let imgObj = document.getElementsByTagName('img'); let l=imgO...原创 2019-07-31 16:59:31 · 2901 阅读 · 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 · 651 阅读 · 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 · 735 阅读 · 0 评论 -
vue 利用canvas生成二维码海报
做这么个破玩意居然难住了，度娘个杂……果断看官方文档canvas的原理，也就十来分钟的事html 给个画布 可以在div内，这样可以控制显示大小<!-- 二维码--><div style="display: none;" id="my_qrcode" class="qrcode"></div><!--海报--><canvas ...原创 2019-03-25 17:41:19 · 3470 阅读 · 7 评论 -
mint-ui Datetime picker 起时日期问题
看图，不要大写……如何格式化时间?在回调方法进行转handleConfirm() { this.dateValue = this.date.toLocaleDateString() }终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-...原创 2019-03-19 17:16:31 · 1293 阅读 · 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 · 2748 阅读 · 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 · 7950 阅读 · 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 · 2407 阅读 · 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 · 5914 阅读 · 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 · 29506 阅读 · 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 · 1015 阅读 · 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 · 3573 阅读 · 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 · 1111 阅读 · 0 评论 -
vue时分秒倒计时
countTime:function () { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date(“...原创 2018-08-03 16:07:07 · 22475 阅读 · 2 评论