qq_33991007的博客

代码如下: <el-form ref="form" label-width="auto" :model="form" size="small" :rules="rules" >问题: 在label-width设置为"auto"后,IE内核浏览器及其他浏览器(常用)显示问题如图:正常(谷歌等浏览器):异常(IE、QQ、360等):经过源码分析,auto原理是先通过计算出左侧dom元

封装 常用 echarts 图表：首先需要下载echarts：// 命令行npm install echarts --save接着创建相关js文件，代码如下：import Vue from "vue";import echarts from "echarts";let Echarts = function(Vue) { Object.defineProperties(Vue.prototype, { $chart: { get() { return

package.js 加入这两个："element-ui": "^2.4.5","vue-cli-plugin-element": "^1.0.1",位置如下：然后npm install 一下；接着添加配置项：新建 plugins/element.js代码部分：import Vue from "vue";import Element from "element-ui";import "element-ui/lib/theme-chalk/index.css";Vue.use(E

问题如图所示：预期解决效果： 每次只弹出一个。解决办法： 重写 $message直接上代码// resetMessage.js/** 重写this.$message, 防止连续点击多次弹窗* 调用样例: this.$message.info('xxx')* */import {Message} from 'element-ui';const showMessage = Symbol('showMessage');class DonMessage { success (opti

项目中需求引入全局scss文件（配置通用变量），在查找一番后，成功配置：首先需要在根目录下新增配置文件vue.config.js(如果已经创建了则不需要)；接着创建全局scss文件：在配置文件vue.config.js中增加如下代码:module.exports = { chainWebpack: config => { const oneOfsMap = config.module.rule("scss").oneOfs.store; oneOfsMap.forEac