element ui
_freely
这个作者很懒,什么都没留下…
展开
-
el-table 自定义表头el-checkbox,实现全选、单选
表格表头自定义el-checkbox,全选单选实现思路table数据添加勾选属性itemCheck,默认为false表头添加render函数,渲染el-checkbox,绑定chang事件在change事件中处理table数据,给itemCheck重新赋值,改变行勾选状态改变行勾选状态,处理表头全选、部分选中、取消全选状态处理table数据for (let val of data) { val.itemCheck = false;} this.dataList = dat原创 2021-07-29 22:24:30 · 11074 阅读 · 2 评论 -
模拟实现element-ui的消息通知notification
实现消息通知notification创建vue文件<template> <transition name="fade"> <div class="zh_notification" v-if="notificationVisible"> <div class="notificationModule"> <div class="notifiTitle"> <span>有一条消息</span>原创 2021-06-29 22:25:45 · 928 阅读 · 1 评论 -
elementui表格动态切换列的展示
应用场景,动态切换表格列的展示如图代码实现首先,不要使用v-show,要使用v-if。其次,表格加载属于懒加载,所以每次切换内容需要让表格重新加载一次实现方法,给表格加索引,每次切换改变索引值<el-table v-loading="listLoading" :data="list" border ...原创 2020-04-14 15:39:27 · 1835 阅读 · 1 评论