随笔分类 -  elementuI

上一页 1 2
elementui 的tabs组件出现蓝色边框问题
摘要：elementui 的tabs组件出现蓝色边框问题 /deep/ .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } 这样就简单的解决了 在项目中最好 阅读全文
posted @ 2020-12-05 09:24 南风晚来晚相识 阅读(1034) 评论(0) 推荐(0)
el-popover 点击取消按钮，弹窗仍然无法关闭
摘要：<el-popover placement="bottom" width="200" :ref="aa" :visible.sync="reviewVisible" > <div style="text-align: right; margin-top: 20px"> <el-button size 阅读全文
posted @ 2020-12-02 18:17 南风晚来晚相识 阅读(3011) 评论(0) 推荐(0)
Element-UI中Drawer抽屉去除标题自带黑色边框
摘要：当点击事件drawer==true时，抽匣回打开 这时抽匣的标题会出现一个难看的蓝色边框，一会就会消失，但是好丑，所以要去掉它 解决方法 /deep/ :focus { outline: 0; } vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对 阅读全文
posted @ 2020-11-12 17:47 南风晚来晚相识 阅读(2569) 评论(0) 推荐(0)
elementui表格内容超出显示省略号
摘要：有些时候表格的内容太长了； 但是elementui中的表格，会进行换行处理； 此时表格的高度就会发生变化 这样就不好看，此时就要进行省略号来出来这个问题； el-table是有这个控制属性的：:show-overflow-tooltip='true' 进行换行；如果超出内容hover还有提示效果的哈 阅读全文
posted @ 2020-09-21 20:48 南风晚来晚相识 阅读(3951) 评论(2) 推荐(1)
elementui中表格表头设置背景色
摘要：参考的地址: https://www.cnblogs.com/lljun/p/11551128.html 今天在设置表格的表头的时候，我通过类的时候 发现无法设置表格的表头设置不了颜色； 经过查找；原来是这么一会事情 记录一下：现在遇见问题，可以快速的解决这样的问题~ 在el-table中设置 :c 阅读全文
posted @ 2020-09-21 20:43 南风晚来晚相识 阅读(5218) 评论(0) 推荐(0)
超级好用的elementui动态循环菜单
摘要：<template> <div> <el-menu @select="selectMenu" :default-active="currentIndexLight" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClos 阅读全文
posted @ 2020-09-18 22:24 南风晚来晚相识 阅读(4010) 评论(0) 推荐(0)
elementui出现展开后子菜单宽度多出1px问题
摘要：添加 就可以解决了 .el-menu { border-right-width: 0; } <template> <div class="compen-left-men"> <el-menu default-active="2" class="el-menu-vertical-demo" @open 阅读全文
posted @ 2020-09-17 21:49 南风晚来晚相识 阅读(1187) 评论(0) 推荐(0)
去除elementUI中tab组件中的下划线
摘要：<div class="right-tabbox-newnotice"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="通知" name="first"> </el-tab-pane> </el 阅读全文
posted @ 2020-06-18 22:28 南风晚来晚相识 阅读(8290) 评论(0) 推荐(2)
element-ui中el-upload轮询实现上传压缩包.zip
该文被密码保护。
posted @ 2019-12-11 13:42 南风晚来晚相识 阅读(18) 评论(0) 推荐(0)
element-ui 中Switch的用法
摘要：在element-ui中，如果你想知道Switch是开还是关，使用事件 @change="getchange(value2)" 它会输出true或者false。true代表的是开，false代表的是关。 <template> <div> <el-switch v-model="value2" act 阅读全文
posted @ 2019-12-08 22:38 南风晚来晚相识 阅读(7281) 评论(0) 推荐(0)
element-ui按需加载
该文被密码保护。
posted @ 2019-11-23 21:17 南风晚来晚相识 阅读(5) 评论(0) 推荐(0)
行内表单 在统一行显示搜索框 下拉框 按钮
摘要：05 》 在同一行显示 搜索表单 下拉框表单 搜索按钮 清空按钮 使用了【行内表单】 inline 属性可以让表单域变为行内的表单域 （让表单显示在同一行） <el-form ref="formInline" :inline="true" :model="formInline" class="dem 阅读全文
posted @ 2019-10-27 10:06 南风晚来晚相识 阅读(969) 评论(0) 推荐(0)
vue 表格组件 有事件交互（二）
摘要：04==》v-if下面可以嵌套 同级的 v-if 和v-node如下若是第一个v-if没有下面的就不可能显示出来的。 <span v-if="!single" @click="handleStop(scope.row)"> <a v-if="scope.row.status == 0">停用</a> 阅读全文
posted @ 2019-10-27 00:03 南风晚来晚相识 阅读(567) 评论(0) 推荐(0)
vue 组件之纯表格渲染--没有事件交互
摘要：组件 名称小写==》 用-链接 02 > 属性==> empty-text="暂无数据" 当表格中没有数据 就会显示 暂无数据 <el-table-column v-for="item in tabColumn" :key="item.prop" :prop="item.prop" :label=" 阅读全文
posted @ 2019-10-26 23:22 南风晚来晚相识 阅读(371) 评论(0) 推荐(0)

上一页 1 2