基于iview组件的Table表格

最新推荐文章于 2024-08-07 10:03:09 发布

吴小花的博客

最新推荐文章于 2024-08-07 10:03:09 发布

阅读量6.6k

点赞数 3

分类专栏： Vue.js 项目实战经验文章标签： iview

本文链接：https://blog.csdn.net/weixin_39089928/article/details/88620457

版权

52 篇文章 6 订阅 ¥9.90 ¥99.00

订阅专栏

本文档介绍了如何在Vue-cli项目中安装和配置iview插件，重点讲解了如何利用iview组件开发具备分页、查看、删除、设置全选功能的table表格，虽然未实现分页，但提供了详细的代码示例和效果展示。

摘要由CSDN通过智能技术生成

1.安装iview插件

在Vue-cli项目中使用iview插件，需要先安装。

$ cnpm install iview --save

在项目main.js下添加配置

import iView from 'iview'; // 导入组件库
import 'iview/dist/styles/iview.css'; // 导入样式
Vue.use(iView);

（分页功能没有实现，导出，查看，删除，设置全选功能实现了）

<!--1.间隔颜色————stripe ，表格会间隔显示不同颜色，用于区分不同行数据。
2.表格的边框线————通过border

了解本专栏

关注

专栏目录