- 博客(426)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Element UI Message组件超时弹框多次的问题
Element UI Message组件超时弹框多次的问题针对这样的问题：我们可以重写message首先新建一个resetMessage.js文件import { Message } from 'element-ui'; let messageInstance = null; const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } messa
2020-09-26 14:00:25
549
1
原创 前端实现导出
导出功能：后端开发前端开发首先说说后端实现的逻辑：不带参数的导出 （直接返回服务器地址，通过a标签自己实现下载即可）带参数的导出 （拼接参数，动态创建a标签下载）纯前端也可以实现导出：安装npm i js-xlsx或者直接引入https://cdn.bootcdn.net/ajax/libs/xlsx/0.10.0/xlsx.full.min.js读取Excel读取excel主要通过XLXS.read(data,{ type: type })，返回一个叫WorkBo
2020-09-06 23:27:02
960
原创 vue cli3.x 生产环境清除console
使用babel-plugin-transform-remove-console插件首先安装此插件：npm install babel-plugin-transform-remove-console --save-devORyarn add babel-plugin-transform-remove-console重点：babel.config.js配置如下：const plugins = ["@vue/babel-plugin-transform-vue-jsx"]// 生产环境移除co
2020-08-10 19:46:52
387
原创 纯前端实现导出excel
任何东西在自己没有使用过、实现过，都感觉好难、好难。其实并没有想象中那么难。//批量导出exportData: function() { //selectionData需要导出的数据，数据格式 let selectionData = ["SheetJS".split(""), "1234567".split("")]; const ws = XLSX.utils.aoa_to_sheet(selectionData); const wb = XLSX.utils.book
2020-07-08 20:45:44
351
原创 elment ui el-input输入框 只能输入正数 并且最多小数点后两位
看了好多文章，感觉实现小数点后两位，用Element uiInputNumber 计数器 计数器最简单。 <el-input-number :min="0" :precision="2" :controls="false" v-model="form.manualTimeCost" type="number" style="width: 50%" placeholder="请输入"> </el-input-number>参考文章：ELEMENT
2020-06-10 17:37:59
4969
5
原创 柱状图 渐变
机器人运行情况robotOperData: { title:[ { //text: '总数', //subtext: 3, textStyle:{ fontSize:12, color:"black" }, subtextStyle: {
2020-06-02 09:34:48
221
原创 柱状图渐变
const colorArray = [{ top: '#ffa800', //黄 bottom: 'rgba(248,195,248,.3)' }, { top: '#1ace4a', //绿 bottom: 'rgba(100,255,249, 0.3)' }, { top: '#4bf3ff', //蓝 bottom: 'rgba(135,183,255,.3)' }, {
2020-06-01 22:34:27
190
原创 字符串截取（支持中英文混合）
/** 截取字符串(通过substring实现并支持中英文混合) @param str @param n 需要截取的长度 @returns {*} */export function sub(str,n){ var r = /[^\x00-\xff]/g; if(str.replace(r,"**").length <= n){ return str; } ...
2020-05-06 17:42:48
544
原创 记录代码
vue代码<el-input class="input" v-model="inputVal" :disabled="!itemData.editable" placeholder=" " @change="inputValChange"></el-input><!--inputVal 改为 selectVal--><el-sel...
2020-03-18 14:38:58
180
原创 webpck4.x autoprofixer失效的问题
安装 postcss-loadernpm install postcss-loader -D配置 webpack.config.jsmodule: { rules: [{ test: /\.css/i, use: [ 'style-loader', 'css-loade...
2020-03-01 13:11:15
588
原创 find方法
find() 为数组中的每个元素都调用一次执行：当数组中的元素在测试条件时返回true时，find返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回undefinedvar data = [ { name: 'tianxia', age: 18, url: [ { ...
2020-02-24 16:07:46
812
原创 学习webpack4.x（lesson2）
各种模块CommonJsCMDAMDCommonJs 引入文件var Header = require('./header.js');var SliderBar = require('./sliderbar.js');var Content = require('./content.js');导出function Content() { var root = doc...
2020-02-19 23:01:27
128
原创 学习webpack4.x的总结（lesson1）
面向过程的思想面向对象的思想webpack思想初始化webpacknpm init初始化项目后打开文件会看到 package.json文件{ "name": "lesson1", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \...
2020-02-18 22:23:33
153
原创 vue导出
首先说说导出的思路：导出分为两种情况：get请求post请求post请求又分为两种情况：后端返回流文件后端返回数据get请求：exportEvent(){ let timeSlot = this.form.timeSlot; let serviceName = this.form.serviceName； //测试环境 //let url = `http:/...
2020-02-17 20:58:44
271
原创 input输入框placeholder字体的颜色
input输入框placeholder字体的颜色input::-webkit-input-placeholder{ /* WebKit browsers */ color: #c2c2c2; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ ...
2020-02-17 17:37:45
1321
1
原创 devServer代理
devServerType：ObjectdevServer.proxyType: string | object如果你的前端应用和后端API服务器没有运行在同一主机上，你需要在开发环境下将API请求代理到API服务器。这个问题可以通过vue.config.js中的devServer.proxy选项来配置。devServer.proxy 可以是一个指向开发环境API服务器的字符串。...
2020-02-14 11:48:13
277
原创 CornerStone 图标的含义
A: add 新增M: modify 本地修改G: modify and merged 本地修改和服务器上合并C：conflict 冲突U: update 从无服务更新R: replace 从服务器替换I: ignored 忽略参考文章CornerStone 常见的图标含义...
2020-02-07 16:48:43
320
原创 webpack概念
概念webpack是一个现代JavaScript应用程序的静态模块打包器（moudle bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency grpha）,其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或者多个bundle。入口出口loader插件模式入口（entry）module.exports = { entr...
2020-02-02 12:20:23
133
1
原创 解决vue页面刷新数据丢失的问题
通过query传参数通过id传参数参考文章vue同级页面之间通过query如何传参？vue路由传参的三种基本方式
2020-01-14 10:47:45
1092
原创 如何匹配字符串的开头是G_和F_
如何匹配字符串的开头是G_let strIndexOf = this.form.varKey.indexOf('G_');//如果变量英文 不是以G_开头的就给它加上。if(strIndexOf === 0){ }
2019-12-13 20:47:48
242
原创 Element UI 时间组件
<el-time-select v-model="form.exeIntervalStartTime" :picker-options="{ start: '00:00', step: '01:00', end: '23:00', maxTime: form.exeIntervalEndTime, }" placeholder="开始时间"&g...
2019-12-11 15:24:31
1229
原创 计算属性和侦听器
这也同样意味着下面的属性不在更新，因为Date.now不是响应式依赖：computed: { now: function () { return Date.now() }}
2019-11-30 15:28:07
111
原创 Vue-模板语法
模板语法注意：你不能使用v-html来复合局部模板，因为Vue不是基于字符串的模板引擎。反之，对于用户界面（UI），组件更适合作为可重用和可组合的基本单位。...
2019-11-30 12:15:37
216
原创 学习vue.js遇到的问题（2019-11-24 星期日）
学习vue的时候遇到的问题new Vue({ data: { message: "Hello,World!" }})<template> <div id="app"> <h1>{{message}}</h1> </div></template><...
2019-11-24 17:18:58
115
原创 导出功能
代码如下：let url = `${process.env.VUE_APP_BASE_API}/report/rotbotReport/exportRobotStatReport?timeSlot=${timeSlot}&robotId=${robotId}`;var $a = document.createElement('a');$a.setAttribute("href", u...
2019-11-20 00:52:01
198
原创 单选组切换代码记录
<el-form-item label="使用范围" required> <el-radio-group v-model="form.useScopeType" @change="useScopeChange"> <el-radio label="1">个人</el-radio> <el-radio label="2">...
2019-11-19 12:41:07
111
原创 记录代码
let dealData = data.map((item)=>{ if(item.type === 0){ return { id: item.id, mark: item.ename, name: item.name, remark: item.remark, type: "流程", } }else if...
2019-11-11 21:31:34
119
原创 this的问题
let dealData = data.map((item)=>{ return { id: item.id, mark: item.ename, name: item.name, type: item.type, remark: item.remark...
2019-11-11 17:22:56
106
原创 导出demo
<!DOCTYPE html><html><head><meta charset="utf-8"><title>事件</title></head><body> <div id='root'> </div> <script&...
2019-11-09 11:14:21
181
原创 导出
fakeClick(obj) { var ev = document.createEvent("MouseEvents"); ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); obj.dispatchEvent(...
2019-11-09 01:04:19
136
原创 v-show和v-if的区别
v-show和v-if的区别首先我们看看vue官网的解释v-show用法：<div v-show="isShow"> 是否展示</div>带有v-show的元素始终会被渲染被保留在DOM中。v-show只是简单的切换元素的CSS属性display。注意：v-show不支持元素，也不支持v-else。v-if vs v-showv-if 是真正的...
2019-10-26 16:34:38
265
原创 mac电脑谷歌浏览器全屏显示选项卡
mac电脑谷歌浏览器全屏显示选项卡command + shift + f按上面的键随意切换显示选项卡还是不显示选项卡。
2019-10-26 09:54:48
3713
原创 [Vue warn]: Invalid prop: type check failed for prop "filterable". Expected Boolean, got String with
在vue中运行这段代码时，<el-form-item> <el-select filterable="true" v-model="form.serviceId" placeholder="请选择设备"> <el-option v-for="item in equipListData" :key="item.value" ...
2019-10-15 16:00:13
4134
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人