
Element-ui
好菜的程序媛
进入下一个金融围城,江湖再见
展开
-
element-ui switch开关 点击按钮后,弹窗确认后再改变开关状态
设置active-value和inactive-value属性,分别代表激活状态的值和关闭时候的值,与value绑定。接受Boolean,String或Number类型的值。<el-switch v-model="itemValue" active-value="100" inactive-value="0" @chan...原创 2019-12-25 14:02:07 · 4454 阅读 · 3 评论 -
element-ui 改变table:hover时表格的效果
.el-table__body tr:hover>td { background-color: #3dc7ab !important;}原创 2019-11-16 11:34:46 · 2730 阅读 · 0 评论 -
Element-ui 给el-select添加唯一class名,修改个别el-option样式
我们修改了列表项的样式,但是页面中可能会使用多个select组件,直接修改会影响全局样式,在页面渲染的时候,el-select总是会被渲染为仅次于body层级的div,我们没有办法通过父级限制它,所以我们需要给它自身添加一个class名。<div class = "optionsContainter"> <el-select v-model="val...原创 2019-11-11 11:11:13 · 11861 阅读 · 2 评论 -
element-ui 列表 type="selection"设置默认选中
进入模块后的效果图列表html代码这里需要注意的是el-table一定要有ref属性,比如ref="table" <div style="padding:0 1%;"> <el-table :data="lists" v-loading="loading" ref="table" tooltip-effect="dark" @se...原创 2019-04-10 19:43:09 · 26989 阅读 · 5 评论 -
element-ui 表格 排序
使用@sort-change监听排序变化,设置sortable='custom'<el-table :data="tableData" @sort-change='sortChange'> <el-table-column prop="startDate" sortable='custom' label="出票日期"></el-table-column&...原创 2019-08-02 15:29:26 · 3674 阅读 · 0 评论 -
element-ui table 对数据进行处理后渲染
html 在需要处理的列上加formatter自定义函数,如下 对票号进行后8位截取<el-table ref="multipleTable" :data="tableData" :height="height-165" @selection-change="handleSelectionChange"> <el-table-column label="票号后8位" ...原创 2019-08-13 18:42:33 · 6413 阅读 · 0 评论 -
Element-ui的tree树形控件获取所有选中的节点
<el-tree :props="defaultParams" ref="tree" :data="treedata" show-checkbox node-key="id" @check-change="handleCheckChange"></el-tree>handleCheckChange () { let res = t...原创 2019-10-30 16:33:36 · 3577 阅读 · 2 评论