随笔分类 - VUE
摘要：1、router路由传参一般两种方式。一种是query传参，另外一种则是params传参。由于params传参刷新页面，会导致数据丢失。所以采用query传参方式比较多，但当使用query传递对象，数组时，刷新页面会报[object Object]，数据无法使用。 2，下面看一下我们要传的数组格式，
阅读全文
摘要：this.$router.push({ query: {} }); // 删除传递的参数 A页面： opendetail(row) { this.$router.push({ path: '/xxxx', query: { id: row.id } }); }, B页面： if (this.$rou
阅读全文
摘要：在 Vue 中实现将上传的图片切割成几行几列的功能，可以通过以下步骤完成： 上传图片：使用 <input type="file"> 上传图片。 加载图片：将图片加载到 <canvas> 中。 切割图片：根据用户指定的行数和列数，使用 canvas 的 drawImage 方法将图片切割成多个小块。
阅读全文
摘要：<template> <div> <p>原始字符串: "{{ originalString }}"</p> <p>截取结果: "{{ extractedString }}"</p> </div> </template> <script> export default { data() { retur
阅读全文
摘要：ES6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
摘要：一、背景： 项目中使用电脑摄像头拍照，调用navigator.mediaDevices方法，在本地正常，测试环境和生产环境报错。 二、原因： navigator.mediaDevices在目前以下情况中可以获取到 1.地址为localhost://访问 2.协议为https 3.为文件访问file:
阅读全文
摘要：this.defectdata = uniqueObjects.filter( (obj, index, self) => index self.findIndex((t) => t.name obj.name) );
阅读全文
摘要：1.删除页面参数 delete this.$route.query.XXX; // XXX代表要删除的参数（即url参数key） created（）{ const data=this.$route.query; if(data.code){ delete this.$route.query.code
阅读全文
摘要：可以通过设置el-dialog的属性来调整弹窗的位置,具体方法如下:1.设置dialog的top和1eft属性,例如: <el-dialog :top="top":left="left"></el-dialog> data(){ return{ top:'10px', left:'20px' } }
阅读全文
摘要：post： const res = await axios.post(url, 参数, { headers });例如： export async function apireportheader(params, headers) { const res = await axios.post('/d
阅读全文
摘要：项目场景：点击某个按钮需要给出弹窗提示，但是只要确定操作，不需要取消操作问题描述：在使用element-ui内的this.$confirm组件时，无论进行什么操作，取消按钮还是存在。解决方案：直接在this.$confirm内用showCancelButton:false或者showConfirmB
阅读全文
摘要：element-ui table中使用type=‘selection’ 实现禁用，勾选，默认选中不可修改 三种状态显示问题实现效果 需求1.status=‘CheckOk' 时 勾选框默认选中但不可修改勾选状态2.status=‘CheckFail' 时 勾选框禁用3.status=‘' 时 勾选框
阅读全文
摘要：转自于：https://www.jb51.net/javascript/303802q78.htm const关键字是让什么不能变？ const实际上的不能变并不是说变量的值不能变，而是初始化后变量所指向在栈中的内存上的数据不能变 我们先切记这一点先，看下文！！！ js中变量的两种类型 js中的变量
阅读全文
摘要：reduce()方法接收一个函数做为累加器,数组中的每一个值(从左到右)开始缩减,最终计算为一个值,下面这篇文章主要给大家介绍了关于JavaScript中reduce()详解及使用方法的相关资料,需要的朋友可以参考下 reduce（）： reduce（）方法为归并类方法，最常用的场景就是，计算数组中
阅读全文
摘要：一、splice是什么 splice()方法是用来对数组进行增、删操作，该方法返回被删除的元素，改变原数组 二、splice()方法接受三个及以上的参数: 第一个参数: 第一个参数是起始位置（数组的索引）第二个参数: 第二个参数是要删除的元素个数，如果该参数是负数则默认为0第三个参数及往后参数: 这
阅读全文
摘要：解决方案： let data = Object.assign({}, JSON.parse(JSON.stringify(this.allList[index]))); this.pageList.push(data) 参考地址：https://segmentfault.com/q/10100000
阅读全文
摘要：<el-dialog width="600px" :visible.sync="guidebookVisible" v-if="guidebookVisible" :close-on-click-modal="false" title="名称" @submit.native.prevent v-lo
阅读全文
摘要：value .replace(/[^\d^\.^-]+/g, '') // 把不是数字，不是小数点的过滤掉 .replace(/[^\d^\-^-]+/g, '') // 把不是数字，不是负号-的过滤掉 .replace(/^0+(\d)/, '$1') // 以0开头，0后面为数字，则过滤掉，取后
阅读全文
