因为使用的Element，所以用的是Element的表格组件。之所以这么做，是因为网站有太多的表格要用了，所以写了公用组件，同是也便于统一样式和统一修改：
图1
上图中，
1处：设置表格样式和方法，data：数据，max-height:最大高度 ，current-change:切换当前行,selection-change：勾选
2处： 表格每行是否需要勾选，是否需要序号
3处 ：表格每列的一些样式，普通的，a链接，按钮，单选框等
图2
4处：表格行尾操作的样式，可以用icon，文字，
图3
5处： 是表格的各处方法，表格勾选，排序，单选行，点击a链接，修改和编辑等
图4
6处： 点击表格的整行，单选，表头样式的调整
7处： 设置表格的最大高度，这里是为了让表格铺满整个屏幕
图5
图6
将上面的表格组件引入后，将tb属性传入组件，就可以是使用了。如果不是用的element作为ui组件，可以使用类似方法，
因为使用的Element，所以用的是Element的表格组件。之所以这么做，是因为网站有太多的表格要用了，所以写了...
vue2中引入共用组件 main.js 中引入 就可以了！ vue3中引入共用组件 main.js 中引入 就可以...
引入表单组件的封装 searchForm.vue 引入表格组件中使用 pushTable.vue中使用 这里使用...
vue中，根据屏幕不同设置子组件的高度，ref、$refs、props vue组件页面高度根据屏幕大小自适应 vu...
二、基础组件和表格 概念 页面设置： 页面基础设置，包括大小、颜色、缩放格式等。 组件设置： 单击画布中的某一个组...
一、Vue组件库Vue组件库是使用Vue框架开发的组件，一般包含着开发者可以直接使用的基础组件：表单、弹窗、表格等...
vue项目中,使用ctrl+左键点击DOM中的组件标签,自动打开跳转到对应组件功能在设置中打开vscode的设置选...
使用element-ui中table组件与Pagination分页组件时, 由于分页可设置页面展示条数，那么表格的...
组件selectPersonDialog 在app.vue上面 引入selectPersonDialog组件，设置...
vue 实现分页组件 写了个后台管理项目有很多表格的数据，写了个分页组件 首先新建一个子组件paging.vue,...
本文标题：vue中设置共用表格组件
本文链接：https://www.haomeiwen.com/subject/zozswftx.html
网友评论