vue+element-ui
weixin_54129994
这个作者很懒,什么都没留下…
展开
-
Vue+element --- el-table表格分页后做全选功能样式显示 跨页全选 分页全选 复制使用
一、全选所有的情况下1.在表格最上方手写一个 多选框用于做全选所有的操作;2.表格中的row-key和reserve-selection配合使用,使表格的 “选择状态具有记忆性”3.selection-change表示表格的 “选择状态发生改变时” 触发的事件4.select表示手动操作 选择或不选择某一个数据 触发的函数5.data中checkList数组可以用于当不是 全选所有状态下的 个别选择项6.data中selectOff数组可以用于当是 全选所有状态下的 个别 未选择项原创 2021-07-28 10:56:02 · 2627 阅读 · 4 评论 -
Vue+el-table表格边框的颜色改变
// 1.修改每行的背景色为透明色.el-table th,.el-table tr { // background: transparent !important; background: rgba(0, 0, 0, 0.9) !important;}// 2.修改移入到每行的背景色.el-table__body tr:hover > td { background: rgba(19, 64, 135, 0.5) !important;}// 3.修改表格边框颜色// 右原创 2021-07-20 16:49:24 · 5238 阅读 · 0 评论 -
vue+element-ui 在后端没有做分页的情况下,前端独立完成el-table表格的分页-滚动到底部加载新数据
1、首先可以查看以下链接,给el-table表格绑定上监听滚动条的事件,做成全局的自定义指令。链接: https://blog.csdn.net/weixin_54129994/article/details/116987122.2、其次在数据请求完毕后,初次渲染10条,将完整数据保存在另外一个变量中去。 data() { return { // 渲染表格的数据 tableData: [], // 保存表格的完整数据 tableDataTotal原创 2021-05-18 15:00:53 · 525 阅读 · 0 评论 -
vue+element-ui:vue自定义指令监听el-table的滚动事件,达到滚动条滚动到底部加载新数据。
1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令,以供全局使用。// 准备一个滚动加载指令Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() { l原创 2021-05-18 14:30:40 · 2858 阅读 · 2 评论