![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Mr.app
这个作者很懒,什么都没留下…
展开
-
Vue图片截图、缩放、OCR
<template> <div class="container-1"> <el-row class="row-1"> <el-col :span="4" class="col-1"> <el-input placeholder="全文检索" suffix-icon="el-icon-search" /> </el-col> <el-col :span="2" cl.原创 2021-05-20 15:42:34 · 696 阅读 · 2 评论 -
Vue兄弟组件互相传值
创建通信bus总栈import Vue from 'vue'export default Vue.prototype.bus = new Vue()兄弟组件页面"引入JS"并"传值" docFlag标志要一致import bus from './eventBus'// 给兄弟组件传值bus.$emit('docFlag', this.editableTabsValue)兄弟组件页面"引入JS"并"取值"import bus from './eventBus'// 钩子函数mo原创 2021-05-10 10:37:23 · 137 阅读 · 0 评论 -
Ineffective mark-compacts near heap limit Allocation failed - JavaScript堆内存溢出
解决方案git 全局安装安装插件:npm install -g increase-memory-limit项目内执行执行命令:npx cross-env LIMIT=4096 increase-memory-limit原创 2021-05-06 14:30:54 · 579 阅读 · 1 评论 -
if判断数值区间遇到的问题
没有这种写法哈,得到的结果始终只会进第一个判断 setWidth(num) { if (num >= 1 < 10) { return '180' } else if (num >= 10 < 20) { return '320' } else if (num >= 20 < 30) { return '400' } else { return '460原创 2021-04-25 17:08:57 · 1213 阅读 · 0 评论 -
Vue框架+Element-ui(el-upload组件)使用http-request方法上传文件并显示文件上传进度
页面代码 </el-form> <el-form-item> <form id="upload" enctype="multipart/form-data" method="post"> <el-upload ref="upload" ...原创 2019-11-12 00:04:41 · 10149 阅读 · 8 评论 -
vue上传图片限制格式以及尺寸大小
废话不多说,直接整篇拖!!!!!!!!!包含父组件传参,自行删减。<template> <el-upload :action="`/api/resources/upload/imgUpload?token=${$store.getters.token}`" class="upload-demo" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :limit="l原创 2021-04-19 10:53:40 · 3174 阅读 · 1 评论 -
vue项目在线预览PDF文档window.open(‘url‘)请求后端时莫名出现多余的请求地址
opnePDF() { window.open('重庆市档案资源在线利用服务平台二期用户手册.pdf') },请求后得到错误地址解决办法: 使用相对路径访问 opnePDF() { window.open('../重庆市档案资源在线利用服务平台二期用户手册.pdf') },...原创 2021-04-19 10:43:00 · 785 阅读 · 0 评论 -
VUE项目通过命令对指定配置文件进行打包
>>>package.json文件–mode + ‘生产环境/开发环境文件夹名称’Tips: 生产环境/开发环境的配置要区分ENV=‘production’命令打包:原创 2021-04-12 09:26:01 · 1113 阅读 · 0 评论 -
请求后端接口时,把参数放进FormData里面
使用axios请求接口 const formdata = new FormData() formdata.append('params', data) axios({ url: URL, method: 'post', headers: { 'Content-Type': 'multipart/form-data' }, data: formdata }).then(res => {原创 2021-03-29 10:18:12 · 705 阅读 · 0 评论 -
Vue函数内多个方法同步执行
async btnB(item, btnIndex, coord) { // 查找dh/tm await this.getPropertyByTable(item, this.filterForm.documentType, 'dh') await this.getPropertyByTable(item, this.filterForm.documentType, 'tm') await this.loopGetNodeParents(this.ta...原创 2021-03-04 10:49:32 · 4449 阅读 · 1 评论 -
Idea编辑器:上个项目Eslint使用正常,新项目eslint居然不生效
原创 2020-12-23 10:06:07 · 1862 阅读 · 0 评论 -
Vue+Excharts画出重庆地图
一、引入Excharts全国地图选择器APIhttp://datav.aliyun.com/tools/atlas/#&lat=30.199123662463407&lng=107.74161937967794&zoom=7.5样例<template> <div class="map_content"> <div ref="area_json" class="map_body" /> </div><原创 2020-12-08 09:58:52 · 1938 阅读 · 0 评论 -
Vue字符串“关键字“高亮
后端返回数据 <div class="txt" v-html="item[ch.prop + (level+1)]">{{ item[ch.prop + (level+1)] }}</div>如果其他地方要使用该字段的值,在转换一次 const replace_TM = `${row[this.TM]}`.replace(/<.*?>/g, '')...原创 2020-12-07 17:26:07 · 972 阅读 · 0 评论 -
使用el-table组件时,对字段进行forEach循环:famatter时不生效
formatte不能使用forEach Func(row, column, cellValue, index) { const arr = this.regQueryPatternOptions for (let i = 0; i < arr.length; i++) { if (cellValue === arr[i].sdValue) { return arr[i].sdName } } },原创 2020-09-28 14:10:22 · 551 阅读 · 0 评论 -
数组对象根据某个对象中的值删除该对象
this.data = this.data.filter(item => item.dcName !== row.dcName)原创 2020-09-22 14:29:00 · 2213 阅读 · 0 评论 -
Element-ui 输入框验证
只允许输入汉字 dtiChinese: [{ pattern: /^[\u4e00-\u9fa5]+$/gi, message: '表中文名不能包含数字及特殊字符', trigger: 'blur' }, { type: 'string', required: true, message: '请输入表中文名', trigger: 'blu原创 2020-08-22 13:24:15 · 1995 阅读 · 0 评论 -
浏览器调试Vue神器-插件
点我跳转原创 2020-08-18 13:20:09 · 870 阅读 · 0 评论 -
Vue-admin-element webpack版本问题导致 Cannot find module ‘@/views/admin/base/organization-management/index
换成:component: oldermenu.attr1 === 'Layout' ? Layout : (resolve) => require([@/views/${oldermenu.attr1}], resolve),原创 2020-08-01 17:04:46 · 878 阅读 · 0 评论 -
VUE点击图片放大缩小旋转 viewerjs
1、安装依赖npm install v-viewer --save2、main.js内引用并注册调用//main.jsimport Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.setDefaults({ Options: { "inline": true, "button": true, "navbar": true, "title": true, "toolbar": tru原创 2020-07-28 16:55:56 · 533 阅读 · 0 评论 -
Vue、Element-UI Table报表
年份动态、数据动态(无法确定key值)``模板字符串是在ES6中兴起,动态key值皆可拼接:用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。空数据使用formatter过滤掉 <el-tab-pane label="系统档案数量统计" name="first"> <el-table v-loading="isLoading" :data="(index,TableDat.原创 2020-07-28 11:21:19 · 4038 阅读 · 0 评论 -
vue.config.js配置参考
const path = require('path');const CompressionWebpackPlugin = require("compression-webpack-plugin"); // 开启gzip压缩, 按需引用const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; // 开启gzip压缩, 按需写入const BundleAnalyzerPlugin = require("w原创 2020-07-03 09:57:53 · 198 阅读 · 0 评论 -
vue配置启动项目自动打开浏览器
找到项目中的config文件夹内的index.js,里面有一个配置是autoOpenBrowser:false;设置为true即可。原创 2020-07-02 15:17:47 · 1741 阅读 · 1 评论 -
对vue表格数据某一个字段做转换处理
HTML添加 :formatter 属性<el-table-column prop="targetArea" label="查询地点" min-width="8%" :formatter="formatter" />methods加载方法 formatter(row, column) { const targetArea = areacodefilter(row[column.property]) return targetArea },..原创 2020-05-13 15:08:33 · 2574 阅读 · 0 评论