vue
梦宝996
刀锋入骨不得不战,背水争雄不胜则亡
展开
-
点击链接下载
方法一:将链接变成流文件进行下载window.URL.revokeObjectURL('自己下载的文件链接 例如:https:// XXXX.docx') var xhr = new XMLHttpRequest(); xhr.open('GET', '自己下载的文件链接 例如:https:// XXXX.docx', true); xhr.responseType = 'blob'; xhr.onload = function()原创 2021-04-22 13:47:36 · 691 阅读 · 0 评论 -
前端计算金钱类的算数
前端计算金钱类的算数1.js的数据类型中只有number,计算时如果数字中含有小数点就会出错,所以需要进行处理addNumber(num1, num2) { var p1 = 0; var p2 = 0; if (num1.toString().split('.').length > 1) { p1 = num1.toString().split('.')[1].length; } if (num2.toString()原创 2021-03-19 15:18:06 · 1126 阅读 · 0 评论 -
Vue 实现全景图展示
Vue 实现全景图展示全景图需要用鱼眼相机拍(720度),手机拍出来的会有折痕下载依赖npm install three --savenpm install photo-sphere-viewer --savehtml<div class="glodel"> <div :id="div"></div> <div class="noImg...原创 2020-04-17 08:54:39 · 5345 阅读 · 1 评论 -
Axios上传文件、图片
Axios上传图片upIdCardIndexMan(e){ let file = e.target.files[0]; let param = new FormData(); //创建form对象 param.append('file',file);//通过append向form对象添加数据 console.log(param.get('file')); //FormData私有...原创 2020-04-17 08:37:52 · 608 阅读 · 0 评论 -
keepalive选择性缓存
app.vue<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"/> </keep-alive> <router-view v-if="!$route.meta.keepAlive"...原创 2020-03-17 17:08:24 · 363 阅读 · 0 评论 -
axiosHTTP拦截器
main.js// 引入axiosimport axios from 'axios'// axios 配置axios.defaults.timeout = 8000; //请求超时时间axios.defaults.baseURL = 'http://applt.okyanan.com/api'; //自动拼接前面相同的部分axios.token = 'eyJ0eXAiOiJKV1QiL...原创 2020-03-17 17:07:34 · 464 阅读 · 0 评论 -
处理视频问题(IOS和安卓)
处理视频问题(IOS和安卓)vue中层级问题解决:<video id="videoPlay" src="视频地址" webkit-playsinline playsinline x5-playsinline></video>template:<div class="baotaVideo padding"> <div @click="playV...原创 2019-11-20 15:11:51 · 202 阅读 · 0 评论 -
七牛云上传图片变链接
任意vue文件向后端传图片的时候用七牛云<template> <div class="account_book"> <input id="uploadFileInput" @change="getimg($event)" accept="image/*" type="file" /> </div></template>...原创 2019-11-20 14:25:32 · 494 阅读 · 0 评论 -
微信公众号网页禁用滚动条
bodyScroll(event) { event.preventDefault()},show(){ // 禁用触摸滚动页面 document.addEventListener('touchmove', this.bodyScroll, {passive: false});},close(){ // 恢复触摸滚动页面 document.removeEventListen...原创 2019-11-20 14:12:40 · 529 阅读 · 0 评论 -
Vue中处理时间问题
Vue中处理时间问题一般情况后台传回来的时间格式是时间戳形式,前端需要自己转化时间,但每次都把后端所传数据forEach出来转化特别麻烦,所以封装一个js就可以通用了。export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYe...原创 2019-11-20 14:08:21 · 802 阅读 · 0 评论 -
weixin-js-sdk下的录音并转化为文字功能(VUE)
weixin-js-sdk下的录音并转化为文字功能(VUE)1.引入weixin-js-sdkimport wx from 'weixin-js-sdk'如果没有下载请npm install weixin-js-sdk2.methods中开始调用getWeiXin(){//this.$http等价于axios,封装过 this.$http({ url: '后台给的接口...原创 2019-10-31 16:14:30 · 1048 阅读 · 0 评论 -
vue上拉加载更多
基于VUE的上拉加载更多在VUE的组件开发中使用下拉加载因为是传值的模式,所以必须赋值,并不能像js那种生成节点的模式,否则会覆盖原有的值。1.在data中定义四个值data() { return { message: [],//向子组件传值的数组 state: true,//判断是否发送请求 count:1,//当前页 pagenum: 2,//总页数...原创 2019-10-31 15:41:09 · 415 阅读 · 0 评论 -
Vuex的使用
1.Vuex的使用安装下载:npm install vuex --save在src下建立store文件夹>index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);//定义数据const state = { show:false};//修改数据的方法const mutations = { ...原创 2019-10-26 09:29:18 · 99 阅读 · 0 评论