qq_25983579的博客

将接口集合返回dataList集合，便利到每行两个div的item中

获取vue当前页面url问号后面的参数

echarts中自定义tooltip的换行问题

vue给时间控件设置默认时间

Vue大数据可视化（大屏展示）解决方案

处理方法:将下面两个压缩包解压，替换本地的就可以解决链接：https://pan.baidu.com/s/1Dzr4g-UQqRiD0Tjc8ai_Kg提取码：ggkd–来自百度网盘超级会员V4的分享

一、安装Git（如果电脑已经有了可以跳过这一步）（官网下载地址：https://git-scm.com/downloads）云盘地址36位地址:https://pan.baidu.com/s/1g09PWQW0xVl7tbhzN7-UzA提取码:k5v4简体中文语言包云盘地址:(https://pan.baidu.com/s/1C8DwehrfgsUpOCcPOSGRRA)[https://pan.baidu.com/s/1C8DwehrfgsUpOCcPOSGRRA]提取码:wf6v安装完成语

vue项目npm install 时报错：如下该问题是vue-cli脚手架的一个bug，原因是chromedriver的部分文件被国内网络给墙掉了，无法下载完整的chromedirver包，解决办法：npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver这个是从淘宝镜像去下载 chromedriver这个 ，成功解决问题~~参考链接:https://blog.csdn

前言： es6的数组根据他其中某一个对象的key值来去重的封装方法 /** * 根据数组对象的某个字段去重 * item.name 是[{name:1}] 根据每条数据的name值来去重 * */ unique(arr,val) { const res = new Map(); return arr.filter(item => !res.has(item[val]) && r

el-select数据过多处理方式在日常项目中el-select组件的使用频率是非常之高的. 当数据过多时渲染时间非常长, 这里提供几个处理方式.下拉懒加载loadMore下拉懒加载, 当select滚动到底部时, 你再去请求一部分数据, 加入到当前数据中.某组件中:模板代码<template> <el-select v-model="value" placeholder="请选择" filterable

下拉插件<el-select v-model="dataFrom.mainUser" placeholder="请选择" style="width: 100%;" filterable> <el-option-group v-for="(group,index) in optionUsers" :key="index" :label="group.roleName">

{required: true, message: '组织单位不能为空', trigger: 'blur||change'}

Object.assign(this.$data, this.$options.data()) // 全部重置Object.assign(this.$data.form, this.$options.data().form) // 部分重置this.options.data()是vue实例初始化时的data数据，只读属性this.options.data()是vue实例初始化时的data数据，只读属性this.options.data()是vue实例初始化时的data数据，只读属性this.data

vue<!--单文件上传组件--><template> <div id="uploadSingleFile"> <el-upload class="upload-demo" :action="actionUrl" :data="{fileType: 1}" :on-preview="handlePreview" :on-remove="handleRemove" :before-

效果图选择请假的开始时间和结束时间，自动计算出请假的时长组件<el-form-item label="请假时间"> <el-date-picker class="box" format="yyyy-MM-dd HH:mm" v-model="twoTime" type="datetimerange" range-separator="至" start-placehol

<el-date-picker v-model="formData.createTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker>data() { return ...

需求有三个checkBox，需要根据后台返回的数据来判断哪个checkbox需要选中实现<td><input type="checkbox" v-model="dataForm.workLv" true-value="1" false-value = "2 | 3 "/> 一级 &nbsp;&nbsp;<input type="checkbox" v-model="dataForm.workLv" true-value="2" false-value

在Vue开发中，有时需要我在同一个列表中，多次加载同一个组件，但问题来了。该组件只在页面加载中，加载一次，后面不会再加载了，如el-dialog,解决办法如下，在el-dialog外再加一层div.示例代码如下： <div v-if="dialogFormVisibleAdd"> <el-dialog :title="dialogAddOrEdit" 　...

Vue变异方法push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop() 方法用于删除并返回数组的最后一个元素。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。sort() 方法用于对数组的元...

与后端生成二维码相比，前端生成二维码更具有灵活性，下面就介绍两种前端生成二维码的方式，两种方式相比之下，vue-qr比qrcode多了一个再中间添加logo的功能。方式一：qrcodenpmnpm install --save qrcodejs2importimport QRCode from 'qrcodejs2'使用<div class="qrcode" ref="...

全局安装cnpm和nrmnpm install -g cnpm --registry=https://registry.npm.taobao.org查看版本cnpm -v

<el-select v-model="dataForm.lesseeId" autocomplete clearable placeholder="请选择" :disabled="disabled" ref="selectCh" filterable> <el-option v-for="ite...

导出效果图第一步模板下载 <el-link href="src/template/xxx.xlsx" style="margin-left: 8px;"> <el-button type="primary">模板下载</el-button> </el-link>第二步:导入导入控件<el-...

所以用npm install -g cnpm --registry=https://registry.npm.taobao.org ，从淘宝镜像那下载，然后cnpm下载成功。最后输入cnpm install node-sass --save。npm run dev终于能跑起来了！！！参考链接:https://blog.csdn.net/qq_38401285/article/details/8...

在使用linux npm install的出现这个错误了，百度了下，没有权限加个参数即可npm install --unsafe-perm转载于:https://my.oschina.net/uwith/blog/3040320

1.安装文件npm install --save qrcode22.引入文件import QRCode from 'qrcode2';3.引入文件<template> <div class="qrcodeimg"> <div class="item" ref="qrCode" xss=removed></div>...

1、字符串转换为数组var string = '123,456,789';var stringResult = sting.split(',');console.log(stringResult) //输出[123,456,789]var string2 = 'abcdef'var string2Result = string2.split('')console.log(string...

cnpm install node-sass --savenpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install node-sass --savenpm run build文章参考链接:https://blog.csdn.net/qq_38401285/article/details/8648...

问题描述显示富文本添加的html内容解决方法使用v-html方式可以显示富文本编辑器编辑的内容。

问题描述在表单中除了校验邮箱非空，还需要判断输入的邮箱格式是否正确解决方法第一步在表单上加上::rules="dataRule"在属性加上:prop="email"第二步a.在定义校验方法/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-...

问题描述:vue重复点击菜单的时候报错Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicat处理方式在main.js加入以下代码，再次点击就不报错了const originalPush = Router.prototype.pushRou...

问题描述:el-upload组件在查询详情的时候要将查询到的图片路径填入到el-upload中显示处理方式子组件父组件将查询到的文件路径push进入子组件的数组中错误写法vue Error in callback for watcher “fileList”千万不要误入此坑...

问题描述:父组件（表单）中有个上传图片的子组件，在父组件添加完成之后，要清除自组中留下的图片处理方式:子组件中增加ref标识父组件在引用子组件时也加上ref标识父组件在添加成功的时候将子组件中的图片缓存清除...

下载地址:https://pan.baidu.com/s/1VmblXFy7naUsznFzvLOmtw提取码:5zsj

npm install --save sockette

问题描述后台接口返回一个以逗号隔开的字符串，在列表中需要将逗号隔开的字符串便利并将对应的用户编号转换成为用户姓名代码展示列表代码<el-table-column prop="auditUser" header-align="center" align="center" label="审核人"> &l...

字符串转数组以分号拆分字符串str.split(';'); 数组转字符串把数组项拼接成字符串，并以分号隔开。默认情况下是以逗号隔开arr.join(';');参考文章:https://blog.csdn.net/lijiabinbbg/article/details/93330759...

1.需求1.1 需求描述子组件是一个字典表的下拉选择器，父组件需要根据子组件选择的不同内容展示不同的效果1.2 需求分析父组件需要去监听子组件的事件，并接收子组件的传值。2.解决方法2.1 子组件的代码template模板代码<template> <div> <el-select class="width100" v-model="sele...

1.安装依赖npm install -S file-saver xlsxnpm install -D script-loader2.下载js资源并引入2.1下文件下载路径:https://pan.baidu.com/s/1eUrP22sfITVLbsavvWBqtw2.2存放文件2.3修改文件引入路径3.页面导入运用3.1添加导入按钮并绑定点击事件<el-butto...

问题描述npm run build时报错Error: ENOENT: no such file or directory, scandir '/root/.jenkins/workspace/quantitative-security/quantitative-security-ui/node_modules/node-sass/vendor'问题分析node-sass没有安装成功处...