在部署服务器后，使用 svg-captcha 插件获取svg验证码会多次请求不刷新，这里只要在请求的参数data中添加一个不重复的字符串就可以，比如：时间戳。 getCode () { this.$api.get(this.$root.urlPath.MJK + '/code', {code:Date.now()},res => …
首先判断是iOS或者安卓： let u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma…
一个挺好用的图像裁剪插件 vue-cropper 使用挺简单的，而且还提供demo对照查看 插件地址：https://github.com/xyxiao001/vue-cropper 首先安装插件： npm install vue-cropper --save 然后在使用的页面引入 import VueCropper from "vue-cropp…
在Vue中可以使用socket.io插件，不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws： data() { return { ws: "", }; }, 然后在method中设置相关函数 methods: { // ws S onopen() { console.log(…
Vue实现滚动到底部： watch: { // 监听数据的变化 message_list() { this.$nextTick(() => { let div = document.getElementById('scroll') // 获取滚动DOM的元素 div.scrollTop = div.s…
之前写过一篇Vue动态修改title的，但是返回后再进来title就不会变。今天看看另一种 简单粗暴的动态修改title方法，meta也一样 document.title= res.data.title // res.data.title 为动态修改内容
使用JS原生API Element.scrollIntoView() ；（有部分浏览器不支持） https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 elemen…
Vue使用input上传图片，没有提交按钮，用于修改头像。代码参考互联网： <input @change="upAvatar" name="files" accept="image/*" type="file"> // 上传头像 upAvatar: function(e) { let that = this; let file…
表单验证那里跟着element文档报错。。。 主要在 this.$refs[formName].validate() 这里报错，我打印了下this.$refs看看里面有什么，结果是这样的： 先上代码看看： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class='form'…
插件官网：https://www.npmjs.com/package/vue-clipboard2 使用vue-clipboard2插件，首先安装插件： npm install --save vue-clipboard2 对于vue-cli用户： import Vue import VueClipboard from 'vue-clipboard2…
在小程序中是不能直接引入字体文件的，需要把文件转为base64再引入； 首页下载好你需要的字体文件在本地； 然后访问 https://transfonter.org/ 网站把字体文件转为base64； 1、先点击 Add Fonts 上传字体文件； 2、再点击 base64 encode 按钮选上； 3、点击 Convert 生成base64代码；…