解决vue路由跳转页面不刷新的问题通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 :key="$route.fullPath"<router-view :key="$route.fullPath"></router-view>...

vue 移动端 实现div拖拽移动相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel...

解决方案：1. 使用a标签替代给出如下函数，将此函数绑定到click的事件回调中，就可以避免大部分浏览器对窗口弹出的拦截。newLink(url) {let a = document.createElement(‘a‘);a.setAttribute(‘href‘, url);a.setAttribute(‘target‘, ‘_blank‘);...

vue给js加版本号在build文件里面的webpack.prod.conf.js文件里面加如下代码// 版本号const Version = new Date().getTime();//把output那段改成如下代码output:{path:config.build.assetsRoot,filename:...

vue判断手机移动端//App.vue，判断是否为移动端_isMobile() {let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|...

vue keepAlive移除缓存(代替this.$destroy())需求注册页面有一个，点击去查看协议的入口，此时当客户填写了数据，从协议页面回来之后数据就会清空，所以我选择了用keepAlive，但是用第一种方式发现缓存的始终都是第一次填写的东西，如果用this.$destroy()就再也不能缓存了，所以经过多方探查，用了第二种方案完美解决。router.jsimport Vue...

效果预览基础知识储备-transform:CSS3新增的变形功能，其优点是全过程不改变DOM性能更高。在transform下有如下几个变形样式：1）.translate()—位置改变(平移)2）.scale()—缩放比例3）rotate()—旋转角度4）skew()—倾斜(斜切)以上的几个形式都支持X轴、Y轴、Z轴的变换方向。但需要注意...

vue中websocket用法及封装1.先下载cnpm install vue-socket.io --save-dev2.在src文件夹里面新建lib文件夹，在lib文件夹里面新建socket.jsimport Vue from 'vue'import VueSocketIO from 'vue-socket.io'import axios from 'axios';var ...

效果预览上回书，我们已经简单实现如何翻一页。好，现在我们复习一下。翻书效果的基本原理，请看下html布局：<div id="box" @click="turningPage"><div class="page"><div class="front"></div><div class="back"></...

1.先下载npm install qrcode --save-dev2.引入import QRCode from "qrcode"; //引入生成二维码插件3.生成二维码<template><canvas id="QRCode_header"></canvas></template><script>i...