element-ui
LLL_LH
记录一些学习心得
展开
-
elementui的table列超出隐藏tooltip悬浮显示
<el-table-column label="内容" show-overflow-tooltip> <template slot-scope="scope"> {{scope.row.desc}} </template></el-table-column>当表格中的某些内容过长会导致表格变形,所以可以只显示一行,超出的部分隐藏,鼠标滑过时显示所有内容,如上所示,添加show-overflow-tooltip属性。注意:显示.原创 2020-08-05 14:33:24 · 6874 阅读 · 2 评论 -
elementui上传组件时,想要传递其他参数
<el-upload :action="docUrl" :show-file-list="false" :before-upload="(file)=>beforeFileUpload(file,id)" :on-success="handleDocSuccess"> <el-button size="small" type="primary" @click="n = index;">点击上传</el-but.原创 2020-05-22 10:25:09 · 1379 阅读 · 1 评论 -
elementui实现自定义主题色
1、在assets文件夹下新建element-variables.scss文件/* 主题色 */$--color-primary: #f60;/* 改变 icon 字体路径变量,必需 */$--font-path: '~element-ui/lib/theme-chalk/fonts';@import "~element-ui/packages/theme-chalk/src/in...原创 2020-05-08 14:13:03 · 594 阅读 · 0 评论 -
elementui封装的菜单组件(二)
1、EMenu.vue菜单组件<template> <el-menu :default-active="defaultActive" class="el-menu-vertical-demo" unique-opened router> <template v-for="(item, ...原创 2020-04-26 10:10:27 · 480 阅读 · 0 评论 -
elementui封装的菜单组件
1、menu子组件<template> <div> <template v-for="(item) in menuList"> <el-menu-item v-if="item.childList.length === 0" :index="`${item.route}`" ...原创 2020-04-24 15:42:36 · 1095 阅读 · 0 评论 -
elementui的table的组件封装
效果如图:1、ETable,封装的子组件<template> <div class="table-conatianer"> <div class="flex"> <div class="table"> <el-table border :data="dat...原创 2020-03-26 12:11:28 · 1048 阅读 · 0 评论 -
vue页面上传多张图片,传下标获取对应的值
<div v-for="(item,index) in imagesList" :key="index"> <el-upload class="avatar-uploader avatar-uploader-imagesUrls" :action="logoUrl"...原创 2019-12-23 15:05:54 · 1109 阅读 · 0 评论 -
any Property 'setCheckedKeys' does not exist on type 'Vue | Element | Vue[] | Element[]'.
this.$refs.tree.setCheckedKeys(keys);报错解决办法:加类型断言(this.$refs.treeasany).setCheckedKeys(keys);原创 2019-11-12 15:52:00 · 853 阅读 · 0 评论 -
elementui 表格table隐藏表头
show-header属性<el-table border ref="multipleTable" :show-header="showHeader"> <el-table-column fixed v-if="checkbo...原创 2019-09-17 10:11:55 · 21276 阅读 · 1 评论 -
vue+element-ui el-dialog嵌套table组件,ref问题,toggleRowSelection的undefined
项目需求,返回数据的时候,el-dialog弹窗里面的table组件需要设置默认选中。要设置选中,则要调用table组件默认的toggleRowSelection(row,true)方法,true默认选中。问题:el-diaglog组件里面的table组件时自定义的组件。<el-dialog title="选择用户" :width="dialo...原创 2019-09-05 16:50:18 · 8320 阅读 · 0 评论 -
elementui的el-cascader级联选择器空级联
<el-cascader :options="areaTree" change-on-select :props="areaProps" v-model="value" @c...原创 2019-07-17 15:40:28 · 445 阅读 · 0 评论 -
elementui项目模板demo
1.安装1)https://github.com/ElementUI/element-starter下载项目2)git clonehttps://github.com/ElementUI/element-starter.git从git上克隆下来2.安装依赖npm install 或者 cnpm install3.编译运行npm run dev 或者 cnpm run...原创 2019-05-09 11:40:13 · 5471 阅读 · 0 评论