07 2020 档案
摘要:element-ui 左侧导航栏的布局实现,效果如下图 涉及的组件: App.vue router.js layout.vue: nav.vue(左侧导航区域,内含循环小组件 asideBarItem.vue)、AppMain.vue (右侧主内容区域) 项目结构如下: 1、App.vue,通过ro
阅读全文
摘要:如题:最新版本的element-ui 关于table row-style 失效 之前是return str 样式字符串,新文档需要返回Object,因此需要改变 <el-table :data="tableData" :row-style="showRow" ></el-table> methods
阅读全文
摘要:如题element-ui 2.13.2版本支持树形结构tabel,多层级折叠显示 但是没有多选 + 树形tabel, 业务需求的情况下必须要实现,操作勾选数据编辑 这里我们可以用两个事件来实现: @select:用户勾选某行触发事件,第一个参数selection:所有选中的数据, 第二参数row:勾
阅读全文
摘要:如题:这个问题困扰了我半天,网上搜索各种解决方法,都没能解决,最后仔细读一遍原因才发现问题很简单,就是版本不一致 为啥不一样,哪里有两个相同的依赖呢,请看下文: There might be a problem with the project dependency tree. It is like
阅读全文
摘要:一、升级element-ui后,tabs标签页导致页面卡死 1、网上查过资料(不可取): <el-col> <el-row> <el-tab> ... </el-tab> </el-row> </el-col>// 注:并不能生效<el-tabs v-model="activeName" @tab-
阅读全文
摘要:导读:后台管理平台经常要上传文件读取文件的内容和导出数据表,因此需要依赖第三方插件xlsx 1、安装依赖 npm install xlsx -S 2、在目标组件vue中引入 import XLSX form 'xlsx 3、简单的创建并导出数据表 data() { return { xlxsData
阅读全文
摘要:1、模拟数据: 格式:对象中嵌套数组,数组中嵌套对象 data() { return { fromData: { name: '', info: { age: '' } sizeData: [ { goods_sn: '', size: { type: '' } } ], } } } 2、html中
阅读全文