官方文档：https://element.eleme.cn/#/zh-CN/component/calendar官方文档描述过的我就不赘述了，最近做的项目有一个日历展示的功能，在此做一个记录。element-ui版本：^2.12.0效果图：关键代码如下：<el-calendar v-model="value" id="calendar">...

使用element-ui的上传组件时，你使用的是自动上传（即选择完文件就立马上传），即使你设置了属性 :multiple=true,但是请求接口的时候还是分开请求的，你选了几个文件就请求几次，那我们要如何请求一次，把文件和自己所需要的参数拼接好传给后台呢？这需要把自动上传改为手动上传。主要有两个步骤，首先是选取文件，第二部是点击上传（这一步做参数拼接）。上代码：html部分<...

前言想要表格的高度自适应屏幕，保证table能一屏内展示完。elementUI的版本："element-ui": "^2.14.1",关键代码：<divstyle="height: 80vh;"><el-tablestyle="width: 100%;background: transparent;overflow:auto;"v-loading="table.loadi...

原文：vue在less中使用css3 calc 的问题问题描述在less中 calc(100% -4rem) 等带单位混合运算会被less解析忽略单位，全部按照百分比计算，此例中的计算被less编译成calc(96%)。原因分析less的计算方式跟calc方法有重叠，两者在一起有冲突解决方案：width:e("calc(100% - 4rem)");width:c...

文章参考链接（原文链接）   http://www.cnblogs.com/steamed-twisted-roll/p/9648255.html#commentform最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件引用: npm install --save vue-pdf...

效果图：安装echartsnpm install echarts --savemain.jsimport Vue from 'vue'import App from './App'import echarts from 'echarts'Vue.prototype.$echarts = echartsVue.use(Element)Vue.config.productionTip = falsen

ant-design-vue版本：~1.3.8需求：表格实现跨行合并，并且在合并完的单元格中显示图片效果图：源码：export default {data() {return {pic95: require('@/assets/produit/95.png'),pic99: require('@/...

注意事项：1、路由层级要清楚2、每个路由要有title路由配置文件：{path: '/',component: RouteView,meta: { title: '首页', keepAlive: true, icon: 'search' },children: [// 消息中心...

使用element-ui的上传组件时，你使用的是自动上传（即选择完文件就立马上传），即使你设置了属性 :multiple=true,但是请求接口的时候还是分开请求的，你选了几个文件就请求几次，那我们要如何请求一次，把文件和自己所需要的参数拼接好传给后台呢？这需要把自动上传改为手动上传。主要有两个步骤，首先是选取文件，第二部是点击上传（这一步做参数拼接）。上代码：html部分<...

1.设置默认选中的key值:defaultSelectedKeys为$route.path2.将每个菜单的key值和路由的path一样的<div id="components"><a-layout><a-layout-header style="background: #fff;height: 50px;padding: 0px 20...