![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
那朵花~~
求知若渴,虚心若愚
展开
-
解决vue-codemirror编辑器需要点击一下才显示数据问题
bug描述:codemirror的数据已经赋值成功了,但是初始状态不渲染数据,需要点击编辑框获取焦点后才展示,如下百度了很多答案都是:设置一个setTimeout延时手动刷新下<codemirror v-model="value" :options="cmOption" ref="myCodemirror"></codemirror>setTimeout(() => { this.$refs.myCo..原创 2021-12-14 16:57:52 · 6441 阅读 · 8 评论 -
el-upload多文件一次性上传(携带json),自定义上传事件(手动上传),不使用action属性上传
element el-upload 多文件上传原创 2021-11-29 19:08:52 · 5371 阅读 · 3 评论 -
Element ui table展开行中自定义有的行展开,有的行不展开
实现的效果图:思路:通过自定义表格行样式,将不需要展开的展开箭头隐藏!注意:不是visibility: hidden;因为这样只是看不见展开箭头,点击事件还在,依然会被展开,需要使用:display: none关键代码:给表格设置:row-class-name="isShowExpend"完整代码: <el-table :data="requestData" style="width: 100%" :row-class-name="isShowExpend"原创 2021-04-25 10:19:09 · 2168 阅读 · 2 评论 -
vue-cli3中使用mock(实际项目中快速搭建)
整体项目结构如下:下载地址1.安装axiosnpm install axios在main.js中配置import axios from 'axios';Vue.prototype.axios = axios;2.安装mockjsnpm install mockjs --save-dev3.安装mocker-apinpm install mocker-api --save-dev4.在项目根目录创建mock文件夹,配置请求的数据..原创 2020-10-27 12:39:19 · 1679 阅读 · 0 评论 -
Element的MessageBox 弹框如何自定义图标
需求:修改弹框的小图标为自己想要的,如下是element自带首先,复制一段element的官方代码作为演示<template> <el-button type="text" @click="open">点击打开 Message Box</el-button></template><script> export defa...原创 2020-05-08 15:57:59 · 9677 阅读 · 5 评论 -
解决使用ESLint后出现的报错:当代码中的双引号、分号、空格不符合规范
所有配置修改完后需重启生效!问题:vue-cli构建的项目默认启用ESLint进行代码检测,凡是不符合它规范的就会报错,但是vscode代码格式化中的有些规则和ESLint规则相反!例如:情况一:你按ESLint的规则写的代码是这样的 ↓但是当你使用vscode 的格式化功能后 ↓然后出现报错 ↓解决办法:在项目根目录创建.prettierrc 文件...原创 2020-01-28 20:04:20 · 15047 阅读 · 2 评论 -
vue-cli4.x中vue.config.js配置解决js文件注释出现报错问题
问题:解决办法:在项目中的vue.config.js文件中,添加配置如下,配置好后重启生效lintOnSave: false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'附:如果没有vue.config.js文件,直接在项目根目录创建一个就行,如下...原创 2020-01-28 15:34:27 · 3644 阅读 · 8 评论 -
vue.js/webpack/vue-cli/vuex知识点
第一章 vue基础1-1 vue的指令01.v-cloak指令用法02.v-cloak和v-text的区别03.什么是双向数据绑定,双向绑定的使用场景04.事件函数的调用,事件函数参数传参05.事件修饰符06.常用按键修饰符07.表单域修饰符用法第二章 webpack01.webpack指令02.webpack益处第三章 vue-cli(vue脚手架)01.安装与查看版本号02.创建vue项目的方式一:基于交互式命令行03.创建vue项目的方式二:基于图形化界面04.分析项原创 2020-01-21 17:08:56 · 322 阅读 · 0 评论 -
vue--使用vue过程中所遇问题的解决方法
记录一些学习并使用vue开发项目时遇到的问题,并提供一些解决方案,以防万一再次遇到同样的问题能快速的解决,毕竟人的记忆力有限,太久没接触容易遗忘,如果我的记录对他人也有帮助那当然就更好啦。原创 2019-08-14 11:21:01 · 4120 阅读 · 0 评论 -
vue引入css文件报错:This relative module was not found:
引入css文件:报错信息:问题:解决办法:打开./src/assets/css/style.css找到../../Assets/fonts/StandardCT-BoldCond.otf,将路径修改正确原创 2019-06-27 09:32:12 · 4292 阅读 · 1 评论 -
Vue Vue-cli Eslint 实现在vscode里保存后代码自动格式化
使用Vue-cli构建的项目会启用Eslint检测代码规范,所以很容易因为代码不规范控制台总报错,所以为了解决这个问题,可以配置vscode在ctrl+s的时候自动代码格式化。1.配置环境npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue2.安装插件:eslint 插件和vetur 插件3.修改setti...原创 2019-06-26 23:07:52 · 3739 阅读 · 1 评论 -
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
项目原本运行的好好的,安装了一个包之后,再输入npm run dev运行就突然报错了:原因是我这次安装包(npm i mint-ui -S)的时候使用了npm,而之前的都是cnpm解决办法:直接删除node_modules文件,再运行 cnpm i这样就能将之前安装的包,全部统一cnpm安装回来。执行:npm run devOK!...原创 2019-05-25 11:03:13 · 7625 阅读 · 0 评论