vue-cli@3.0之后，element-ui提供相应的element插件，我们可以用这个插件快速的来安装element-ui。只需要cd到工程根目录，运行vue add element即可：vue add element1，选择全部导入2，第二步 选择Y3，第三步直接回车...

下面是demo，复制过去即可运行下面是demo，复制过去即可运行讲解一下第一个secelt选择，只有选中特定的选项，第二个secelt才可多选data.key即特定的选项，这里只写了一个，如果是多个的话，可以这样data() {return {key: ["1","5"]}}注意点： 数组元素的类型要和option的value类型对应上对应的，多选条件的判断也要改一下<el-s...

第一版。排序目前还没做，不支持自定义排序<template><div><div id="box"><el-table :data="tableData.slice((page.currentPage - 1) * page.pageSize, page.currentPage * page.pageSize)" ref="table" style="wid

在<el-table>标签加:cell-class-name="cellClass"在<el-table-columntype="selection">标签加:selectable="selectable" ，如果不加，会出现单元格复选框全部选中，但是表头复选框还是半选状态<div id="app"><el-table ref="multipleTable

列是根据json数组生成的点击编辑，会根据行数据生成对应的表单<template><div><el-table :data="tableData" style="width: 100%"><el-table-column v-for="item in formList" :prop="item.prop" :key="item.prop" :label="

const json1 = {a:1,b:2,c:{c:1,aa:"66"}};const json2 = {a:11,b:2,c:13};//Object.assign(json1, json2);const places1 = Object.assign(json1, json2);//JSON.parse((JSON.stringify(json1 )+JSON.stri

<el-form :model="form" ref="form" :rules="rules" ><el-form-item label="编码" :label-width="formLabelWidth"><el-input v-model="form.codenum" :disable...

想想如果从最顶层组件传一个 data 给最底层组件，仅仅使用父子传递的方式会变得十分麻烦。而 EventHub 就是用来解决这个问题的：在需要获取 data 的组件上设置一个监听器，每次要传递 data 时，那个组件就广播这个事件并调用这些监听器。我们不难发现 EventHub 的主要功能就两个： 监听和广播，当然还有去掉监听器。而 Vue 刚好给我们提供了这些功能，我们可以使用 Vue 来描述这

引入工具库，下面代码是democnpm install -S file-saver xlsxcnpm install -D script-loader<template><div><el-button type="primary" @click="exportExcel">导出文件</el-button><el-table :data="tab

文字超出省略指令 v-ellipsis参数 Attributes：参数说明默认值类型可选width元素宽度100Number必填<div v-ellipsis:100> 需要省略的文字是阿萨的副本阿萨的副本阿萨的副本阿萨的副本</div>export default function (el, binding) {el.style.width = `${binding.ar