vue
vue
小許同学
这个作者很懒,什么都没留下…
展开
-
密码强度校验
【代码】【无标题】原创 2023-05-19 15:26:41 · 136 阅读 · 0 评论 -
vue this.$router.go(-1) ios不生效问题。
首先需要确认一下路由是否使用了 history 模式,如果是的话,使用原生的 history.back(-1) 或 history.back() 试试。history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退window.location.reload(); //刷新 window.history.go(1原创 2021-08-06 16:49:58 · 2877 阅读 · 0 评论 -
vue 使用vant UI框架
vant组件的引入方式vue2.0引入1.全局导入所有组件注意:配置 babel-plugin-import 插件后,将不允许以这种方式导入组件在main.js里面写入import Vue from 'vue'; import 'vant/lib/index.css';// 引入所有import Vant from 'vant';Vue.use(Vant);// 引入单个import { Button } from 'vant';Vue.use(Button);2.局部引入组原创 2021-04-22 17:51:46 · 444 阅读 · 0 评论 -
vue中使用@路径别名
1. 直接使用@vue项目中默认定义了@别名 , @代表着到src这个文件夹的路径import request from '@/utils/axios'2. vue.config.js配置没有path模块需要先安装pathnpm install path --saveconst path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports =原创 2021-04-22 10:41:14 · 616 阅读 · 0 评论 -
vue 使用fastmock来模拟假数据
1.接口管理https://www.fastmock.site/#/原创 2020-10-10 13:19:40 · 559 阅读 · 0 评论 -
vue input自动聚焦 v-focus
使用 v-focus指令实现自动聚焦<input v-focus >export default{ data(){ return{ } }, directives:{ focus:{ inserted:(el)=>{ el.focus() } } },}原创 2020-09-29 17:27:45 · 3553 阅读 · 0 评论 -
vue 解析后台返回的二维码图片数据流、乱码
vue 解析后台返回的二维码图片数据流、乱码1解析 // 将请求的数据返回类型设置为blobthat.$http.post('路径','{传参}',{responseType:'blob'}).then( res => { // 解析得到url就可以正常使用了 let url = window.URL.createObjectURL(res.data); this.imgUrl= url}).catch( err => { console.log(err)})2使用&原创 2020-09-17 15:46:09 · 1557 阅读 · 2 评论 -
vue 生成海报+二维码
生成二维码:qrcode.js 插件// 生成二维码的方法qrcode () { let that = this; let qrcode = new QRCode('qrcode', { width: 80, height: 80, // 高度 text: 'http://www.baidu.com', // 二维码内容 // render: 'canvas' , // 设置渲染方式(有两种方式 table和canvas,默认是canvas) // bac原创 2020-09-16 18:08:13 · 751 阅读 · 0 评论 -
vue 获取元素距离页面顶部的偏移值
// 获取元素let div = document.getElementsByClassName('goods_detail')[0]// 获取scrollToplet div_scrolltop = div.offsetTop原创 2020-09-08 14:10:44 · 2430 阅读 · 0 评论 -
vue 监听滚动条事件
定义监听滚动条的方法mounted () { window.addEventListener('scroll', this.handleScroll, true) },// 保存滚动值,这是兼容的写法 handleScroll () { let x_scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop if(x_scrollTop原创 2020-09-07 18:19:58 · 239 阅读 · 0 评论 -
vue 使用md5加密加盐
npm安装:npm install --save js-md5方法1// 引入import md5 from 'js-md5';// 使用:md5('holle') // bcecb35d0a12baad472fbe0392bcc043方法2import md5 from 'js-md5';Vue.prototype.$md5 = md5;// 使用:this.$md5('holle') // bcecb35d0a12baad472fbe0392bcc043加盐方法// 加盐原创 2020-09-17 14:30:33 · 2614 阅读 · 3 评论