那朵花的博客

bug描述：codemirror的数据已经赋值成功了，但是初始状态不渲染数据，需要点击编辑框获取焦点后才展示，如下百度了很多答案都是：设置一个setTimeout延时手动刷新下<codemirror v-model="value" :options="cmOption" ref="myCodemirror"></codemirror>setTimeout(() => { this.$refs.myCo..

element el-upload 多文件上传

实现的效果图：思路：通过自定义表格行样式，将不需要展开的展开箭头隐藏！注意：不是visibility: hidden;因为这样只是看不见展开箭头，点击事件还在，依然会被展开，需要使用：display: none关键代码：给表格设置:row-class-name="isShowExpend"完整代码： <el-table :data="requestData" style="width: 100%" :row-class-name="isShowExpend"

整体项目结构如下：下载地址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文件夹，配置请求的数据..

需求：修改弹框的小图标为自己想要的，如下是element自带首先，复制一段element的官方代码作为演示<template> <el-button type="text" @click="open">点击打开 Message Box</el-button></template><script> export defa...

所有配置修改完后需重启生效！问题：vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！例如：情况一：你按ESLint的规则写的代码是这样的 ↓但是当你使用vscode 的格式化功能后 ↓然后出现报错 ↓解决办法：在项目根目录创建.prettierrc 文件...

问题：解决办法：在项目中的vue.config.js文件中，添加配置如下，配置好后重启生效lintOnSave: false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'附：如果没有vue.config.js文件，直接在项目根目录创建一个就行，如下...

第一章 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.分析项

记录一些学习并使用vue开发项目时遇到的问题，并提供一些解决方案，以防万一再次遇到同样的问题能快速的解决，毕竟人的记忆力有限，太久没接触容易遗忘，如果我的记录对他人也有帮助那当然就更好啦。

引入css文件：报错信息：问题：解决办法：打开./src/assets/css/style.css找到../../Assets/fonts/StandardCT-BoldCond.otf，将路径修改正确

使用Vue-cli构建的项目会启用Eslint检测代码规范，所以很容易因为代码不规范控制台总报错，所以为了解决这个问题，可以配置vscode在ctrl+s的时候自动代码格式化。1.配置环境npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue2.安装插件：eslint 插件和vetur 插件3.修改setti...

项目原本运行的好好的，安装了一个包之后，再输入npm run dev运行就突然报错了：原因是我这次安装包(npm i mint-ui -S)的时候使用了npm，而之前的都是cnpm解决办法：直接删除node_modules文件，再运行 cnpm i这样就能将之前安装的包，全部统一cnpm安装回来。执行：npm run devOK！...