js
LamDengGG
这个作者很懒,什么都没留下…
展开
-
axios封装中使用loading
先安装npm install axiosnpm i element-ui -S在main.js中引入// vant按需引入//import {Loading, Toast} from "vant";// import "vant/lib/index.css";// Vue.use(Loading).use(Toast)// element-ui样式import "element-ui/lib/theme-chalk/index.css";在api.js中使用import axio原创 2021-01-15 16:37:22 · 1063 阅读 · 0 评论 -
howlerjs 音乐播放插件
官网https://howlerjs.com/在需要使用的组件中引入import "../../static/js/howler.min.js";init() { // 音乐 this.hitMusic = new Howl({ preload: true, loop: false, src: [require("../assets/music/hit.mp3")] }); }, musicPlay(){ this.hitMusi原创 2021-01-14 17:27:42 · 1039 阅读 · 0 评论 -
uni-app修改data里的数组某个值
uni-app修改data里的数组某个值检测变化的注意事项由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。// 直接更新数组某个元素的属性,视图上不会同步更新,要使用这种方式。/** * @param arr 所要更新的数组 * @param index 所要更新的数组的哪一项 * @param value 更新后的值 */this.$set(this.arr, index, value);参考1ht原创 2020-12-25 14:35:45 · 9151 阅读 · 1 评论 -
腾讯位置服务路线规划 小程序
小程序使用 腾讯位置服务路线规划资料文档https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=1249697329&lang=zh_CN1、登录腾讯位置服务。地址下:https://lbs.qq.com/dev/console/key/add申请key2、登录微信小程序后台设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务路线规划” 申请,审核通过后,小原创 2020-12-24 16:19:48 · 805 阅读 · 2 评论 -
前端微信授权
微信授权 //自动授权(放在生命周期函数执行) autoAuthor() { let url = window.location.href; let baseUrl = url.split("#")[0]; // 判断是否有token字段 let isAuthorize = baseUrl.indexOf("token") >= 0; let queryUrl = baseUrl.split("?")[0]; // 已经授权原创 2020-12-21 11:50:31 · 199 阅读 · 0 评论 -
vue项目中使用vant
全局使用在main.js中全局引入vantimport Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);组件中直接使用<div class="cancel-btn" @click.prevent="cancelEvent('张三', 44231563215241110)" > 核销</div>methods: { cancelEvent(name, userId) { th原创 2020-11-20 17:41:18 · 2754 阅读 · 2 评论 -
axios封装 vue
引入axios封装import axios from "axios";// axios封装请求方法// axios配置const config = { baseURL: "", headers: { "Content-type": "application/json", }, timeout: 30000,};const instance = axios.create(config);// 请求前做拦截,用于判断const requestInterceptor =原创 2020-11-10 18:40:49 · 92 阅读 · 0 评论 -
手机校验 js
手机校验jslet phone = 1388888888;/^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/.test(phone)原创 2020-09-21 17:56:04 · 109 阅读 · 0 评论 -
vue项目引入vant
vue项目引入vantnpm i vant -S在使用的page.vue中的直接按需引入<script> import Vue from "vue"; import { Button, Form, Field } from "vant"; import "vant/lib/index.css"; Vue.use(Button).use(Form).use(Field);</script>原创 2020-09-18 18:08:17 · 513 阅读 · 0 评论 -
js控制样式,页面往前效果
js控制节点样式变化,做到往前推动效果监听某个值,改变节点样式,做到往前推动效果不能同时改变两个,或两个以上节点样式,不然会有卡顿效果 watch: { runTime(val, old) { let pageNode = 50; let bar = parseFloat(val % 50); //50个节点1P let scaleVal = 1 + bar * (2 / 49); //放大1+1.5倍 let opacity1 = 1 - 0原创 2020-09-18 14:39:03 · 180 阅读 · 0 评论