![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
森海北屿 ღ
热爱可抵岁月漫长
展开
-
element-ui table组件属性:reserve-selection分页保留勾选项
element-UI 的table表格数据有提供多项框的功能,只要在表格列中多加一列就可以选择表格的数据但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页也就是上一次请求的数据的选中状态就没有了.element提供了reserve-selection可以保存数据更新前选中的值,这个属性还需要指定row-key。示例代码:重点指定row-key,设置reserve-selection为true <!-- --> <el-table bo原创 2021-03-17 17:04:51 · 8909 阅读 · 2 评论 -
element-ui table组件属性:show-overflow-tooltip
show-overflow-tooltip 是Table-column属性,可实现表格列内容过长显示省略号和tooltip提示。实现效果:使用示例: <el-table :data="tableData" border v-loading="tableLoading" > <el-table-column v-for="col in cols" :prop="col.prop"原创 2021-03-17 13:54:47 · 1721 阅读 · 0 评论 -
element-ui table组件属性:row-class-name
可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class,表明该行处于某种状态。效果如下:代码示例:1.在el-table标签中加上row-class-name属性<el-table border :data="rrobotActiveData" :row-class-name="setRowClassName"> <el-table-column type="index" label="序号" prop="index"原创 2021-03-16 20:27:28 · 1346 阅读 · 0 评论 -
Vue项目 实现一键复制功能
方法一:使用 v-clipboard使用步骤:1.安装依赖npm install --save v-clipboard2.在main.js中引入import Vue from 'vue'import Clipboard from 'v-clipboard'Vue.use(Clipboard)3.使用<template> <el-button type="text" v-clipboard:copy="copyRowData" v-clipboa原创 2021-03-16 13:55:53 · 282 阅读 · 0 评论