随笔分类 - vue
vue
（本地存储）localStorage
摘要：1、存储数据 localStorage.setItem('name', '张三') 2、调取数据 localStorage.getItem('name') 3、存储对象数据时需要用JSON.stringify(）转换后再存储，调取时需要用JSON.parse()转换后在使用 存对象Obj const
阅读全文
vue图片查看
摘要：1、安装插件：npm install v-viewer --save 2、安装完成，在需要的页面或main.js 中引入配置文件： import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.cs
阅读全文
vue解决跨域问题
摘要：1、若项目用vue init webpack appdemo 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws:
阅读全文
vue移动端使用(pdfh5) 组件预览PDF
摘要：1、安装插件 npm i pdfh5 2、在页面内引入组件 import Pdfh5 from "pdfh5";import "pdfh5/css/pdfh5.css"; 3、写一个展示pdf文件的容器 <div id="pdfType"></div> 4、封装在事件中 initPdf() { th
阅读全文
vue中添加生成二维码
摘要：1、安装组件 npm install qrcodejs2 --save 2、在页面引用组件 import QRCode from "qrcodejs2"; 3、在页面创建一个存放二维码的区域 <div id="qrcode" ref="qrcode"></div> 4，事件中调用 handlePri
阅读全文
git提交时剔除不需要提交的文件方法
摘要：在根目录新建一个文件.gitignore文件 在文件内写上不需要提交的文件名称保存后即可
阅读全文
vue项目，使用query传参，页面显示重新刷新或回归后数据丢失
摘要：1、将需要传输的数据使用 JSON.stringify() 转译成字符串形式进行传输 2、在需要接收的页面使用 JSON.parse() 将数据格式再转回来即可使用，且刷新回归后不变
阅读全文
video 属性和事件用法大全
摘要：1、video 属性 <!-- video 不支持 IE8及以下版本浏览器，支持三种视频格式：MP4，WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <vide
阅读全文
获取当前时间的前一天 后一天 一周后
摘要：created() { //取前一天时间 let reTime = this.getDay(-1, 7200000); //转化为毫秒 let jugdeTime = Date.parse(reTime); console.log('昨天：', this.getDay(-1, 7200000)) c
阅读全文
获取系统时间并转换
摘要：获取系统时间 new Date() 打印系统时间 console.log(new Date()) //Mon Nov 21 2022 17:21:53 GMT+0800 (中国标准时间) 系统时间转换格式 console.log(new Date().toLocaleString()) //2022
阅读全文
vue 获取for循环动态设置ref属性
摘要：添加 :ref="val.id" 获取 console.log(this.$refs[val.id]) 获取元素的坐标信息 console.log(this.$refs[val.id][0].getBoundingClientRect())
阅读全文
vue 行内动态渲染 :style 的正确方法
摘要：:style="{'width':item.itemValue}"
阅读全文
vue 给循环数据添加补0序号
摘要：{{index+1>9?index+1:"0"+(index+1)}}
阅读全文
获取浏览器唯一标识符
摘要：this.fingerprint = (equipment.model || '') + (equipment.deviceId || '') + (equipment.hostName || '')
阅读全文
表单验证时是value值为空或空格的处理方法
摘要：将if条件判断里面的input.value==' ',或者input.value.length<=0替换成 if(/^\s*$/.test(input.value)) 即可
阅读全文
vue 清理依赖命令
摘要：1、清理依赖包 del node_modules 2、强制清理依赖 npm cache clear --force 3、重新安装 npm i
阅读全文
vue项目中使用md5进行加密
摘要：1、安装：npm install --save js-md5 2、在需要使用的页面引入 import md5 from 'js-md5' 3、在需要使用的地方加上md5即可 console.log(md5('this.title')) //md5()参数必须为字符串
阅读全文
scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。
摘要：1、写好点击事件 2、在methods 中的点击事件中写 一下代码即可 // 点击滚动到顶部显示 toTitle(index) { document.getElementsByClassName("topicTitle")[index].scrollIntoView({ behavior: "smo
阅读全文
vue引入公共头部导航后 解决点击每一项都后回高亮都到第0项的问题
摘要：在被引入的头部文件中添加以下代码即可 原因：每跳转一个新页面都显示的是新页面引入的头部，头部初始值设置的就是第0项 解决思路：点击每一项时记录下每一项的路由地址，然后利用路由地址来改变头部高亮位置 watch: { $route: { handler(to) { // console.log(thi
阅读全文
Vue双引号格式化成单引号
摘要：1、在src文件下下新建.prettierrc文件 2、在文件中写上以下代码即可 export default { 'semi': false, 'singleQuote': true } 意思为不使用分号和使用单引号
阅读全文
