
element-ui实例
element-ui实例使用
biubiu学习日记
这个作者很懒,什么都没留下…
展开
-
解决vue element导航重复点击路由报错
1.js写法import Router from ‘vue-router’Vue.use(Router)const originalPush = Router.prototype.push Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)}2.ts写法import Router from ‘vue-router’V原创 2021-01-07 11:38:00 · 299 阅读 · 0 评论 -
element表单el-form-item自定义label
<co-form-item label="姓名" prop="name"> <span slot="label" > 姓名 <co-tooltip placement="top" > <div slot="content"> 第一行信息<br /> 第二行信息 <...原创 2020-12-22 11:33:00 · 16317 阅读 · 1 评论 -
element-ui tooltip文字提示的几种用法
1.官网-基础例子https://element.eleme.cn/#/zh-CN/component/tooltip效果图:代码: <el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start"> <el-button>上左</el-button> </el-tooltip>2.问号提示文字效果图:代码: <e原创 2020-09-17 12:01:54 · 33175 阅读 · 2 评论 -
element-ui table单元格合并
表格的方法通过给table传入span-method方法可以实现合并行或列原理:getSpanArr(data)方法 data就是我们从后台拿到的数据,通常是一个数组;spanArr是一个空的数组,用于存放每一行记录的合并数;pos是spanArr的索引。如果是第一条记录(索引为0),向数组中加入1,并设置索引位置;如果不是第一条记录,则判断它与前一条记录是否相等,如果相等,则向spanArr中添入元素0,并将前一位元素+1,表示合并行数+1,以此往复,得到所有行的合并数,0即表示该行不显示其原创 2020-10-27 10:15:55 · 1837 阅读 · 0 评论 -
element的 menu样式修改包含hover
element的 menu样式修改包含hover1.修改主菜单的背景色等,直接再标签上写所需背景色,比如:2.修改子菜单的背景色.el-menu-item { background-color: #333 !important; } 3.鼠标悬浮时,子菜单的样式:.el-menu-item:hover{ outline: 0 !important; color: #409EFF !important; } .el-menu-item.is-active {原创 2020-09-03 16:08:58 · 15395 阅读 · 3 评论