想去旅行的静静的博客

思路就是每个项都要对比，如果相同就合并，如果不同就不合并。下面是实现代码<template> <div class="app-container"> <el-button type="primary" icon="el-icon-right" @click="getData">查询成绩单</el-button> <el-table :data="resultList" border :span-method="objectS..

这是默认的样式现在改变左侧菜单的样式具体写法：在script中引入variablesimport variables from '@/styles/variables.scss'随后在methods中returnvariables() { return variables},最后就绑定好了颜色。$menuBg: rgb(16, 64, 111); // 菜单整体背景$menuHover: #101e3c; // 菜单悬浮变色$subMenuBg:#0

参考：https://blog.youkuaiyun.com/marendu/article/details/103733286需求：请求n个服务器，拿服务器的数据库配置数据（后端同事提供接口）

被卡住一小会Cannot read property 'pathes' of undefined是events方法的错误，查询发现是this的指向问题initChart() { this.chart = echarts.init(document.getElementById('calendarchart')) this.option = { tooltip: { }, calendar: [{ lef

<el-table ref="multipleTable" :data="tableData.obj" :header-cell-class-name="tableHeaaderCellClassName" :header-row-class-name="tableHeaderRowClassName" :row-class-name="tableRowClassName">... ...methodstableRowClassName() { .

只能解析成xls格式，而不能xlsx。Blob试过修改接收格式responseType为arraybuffer，或者安装xlsx组件npm install xlsx，不好用

import axios from 'axios'import { getToken } from '@/utils/auth'// 下面是封装export function downFile(data) { axios.defaults.headers.common['token'] = getToken() return axios({ method: 'post',...

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "a...

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.是因为根目录有多个元素了，只能写一个，所以给包一个div这样就不报错了。...

上传图片没有实时显示预览图，切换tab以后显示了

默认做了全选处理，页面出来是这样的随后我操作处理按钮，调出人员信息修改弹窗，修改成功后，就成这样了但是查询数据状态，余安生 还是选中时的数据状态，只不过外在表现是没有选中的，当然，这也是个bug。...

调一次弹窗，全选两条数据，然后关掉弹窗。再次调弹窗查数据，全选两条数据，@selection-change="handleSelectionChange"查询到的数据是3条。再次重复这些操作，会查到4、5、6、。。。。条数据，是个bug。...

需求：已经拿到一组数据并先添加到表单中，如果数据不符合规则，则需要默认显示红色

需求：1、有一个table，每行的item点击都可以看到详情弹窗（将数据传到子组件）。2、这时候数据自动放入子组件的表单中，需要第一次调出子组件弹窗的时候先验证一下表单。解决思路：找好vue的生命周期以及各个数据生成的节点。最开始放到created中，可以的。但是因为这个时候form还没有渲染出来，所以挪到mounted或者beforeMount中了。mounted() ...

这样写：使用toggleRowSelection方法data() { return { tableData: [] }},methods: { getStaffById(row.id).then(res => { const that = this this.tableData = res.data.obj...

v-if很耗费页面性能，用的比较多容易导致页面卡顿崩溃

Promise {<pending>}是什么？

this.$nextTick(function() {}）

需求：element-ui的table的多选框，默认选中全部。

row-key reserve-selection

element-ui中的table的序号index 和 多选框 selection同时使用，如果不做判断，则不会出问题，如果做了一些判断或者显示隐藏的画，可能会出显示bug。如 判断条件失效，多选列出现数字而不是checkbox等等...

排错发现是this.$refs.xxx报错，所以涉及到vue的流程时间问题。其他待补充

一、注意字符串前面有`符号，如没有会报错:title="`我的名字${name}`"二、字符串加一个引号:title="'我的名字' + name"

待补充

待补充

情况一：弹窗嵌套，A（点击预览图片）包含B（图片预览窗），那么B弹窗出来的效果会有一个蒙层，像这样，如何解决呢？这涉及到一个参考嵌套弹窗的问题：<el-dialog :visible.sync="lookVisible" :title="title" append-to-body="true" width="550px" :close-on-click-modal="fal...

所以常量属性不用加冒号，会变化的属性一般会添加冒号。如element-admin-ui中的这个组件：级联选择器<el-cascader :options="cityList" :props="optionProps" v-model="selectedOptions" @change="handleChange"></el-casc...

/** * Created by PanJiaChen on 16/11/18. *//** * @param {string} path * @returns {Boolean} */export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path)}/** * @param ...

/***这只是deep copy的一个简单版本*有很多边缘案例错误*如果你想使用完美的深拷贝，请使用lodash的cloneDeep*@param{Object}源*@返回{Object}*//** * This is just a simple version of deep copy * Has a lot of edge cases bug * If ...

这是vue-element-admin的simple例子。下面是登录vue的代码。问题：1、登录之后做了什么？2、this.store.dispatch是什么意思？3、this.store.dispatch是什么意思？3、this.store.dispatch是什么意思？3、this.router.push又是什么意思？...

src/components文件夹下面：注意：右侧可以自动下沉，左侧bar则因为设置了position:fixed需要设置top值

每个项目都需要有一个属于自己的favicon。框架已经封装好了图片获取，所以直接把图片放入就行。<link rel="icon" href="<%= BASE_URL %>favicon.ico">参考：https://www.jianshu.com/p/26eea161ebe7...

待补充

日历组件<el-calendar :range="['2019-03-04', '2019-03-24']"> <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope...

使用vue-admin-element全屏功能1、确保在\src\components目录下有Screenfull文件。2、在目标页面中引入。template中：<screenfull id="screenfull" class="right-menu-item hover-effect" />script中：import Screenfull from '@/comp...