el-table的用法

简介: el-table的用法
 <el-table ref="tableRef" row-key="num" :data="fileListss" style="width: 100%;">
    <el-table-column type="expand">
    <el-table-column min-width="25%" prop="num" label="操作">
      <template #default="scope">
        <el-button type="primary" plain @click="edit(scope.row), bianji = true, upload_btn = true">编辑</el-button>
        <el-button type="danger" plain @click="delets(scope.row.id), centerDialogVisible = true">删除</el-button>
      </template>
    </el-table-column>
  </el-table>

:data是给此表格绑定数据

然后 <template #default="scope"></>是获取当前行的数据,这样就可以给他添加点击的时候进行精确传参了

相关文章
|
10月前
|
JavaScript
Vue表格显示问题:v-show无法影响el-table-column列的解决方案
Vue表格显示问题:v-show无法影响el-table-column列的解决方案
240 0
|
前端开发 JavaScript Java
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
912 0
Element-UI中Select选择器讲解(el-select详解)
|
编解码 前端开发
Element el-row el-col 布局组件详解
本文目录 1. 背景 2. 分栏布局 3. 分栏间隔 4. 分栏偏移 4. 对齐方式 5. 响应式布局 6. 小结
5250 0
Element el-row el-col 布局组件详解
|
6月前
|
前端开发
el-option样式改变以及多个el-option无法并列问题详解(element-plus+Vue3)
el-option样式改变以及多个el-option无法并列问题详解(element-plus+Vue3)
95 0
|
7月前
|
开发者
element el-table固定列凹陷问题
element el-table固定列凹陷问题
51 0
element中el-select获取name值(整理)
element中el-select获取name值(整理)
|
11月前
|
JavaScript 容器
4.el与data的两种写法
el与data的两种写法
65 0
|
11月前
|
前端开发
如何将el-table的数据导出?
如何将el-table的数据导出?
|
JavaScript
vue中静态数据怎么分页(以el-table为例子)
vue中静态数据怎么分页(以el-table为例子)
132 0
|
前端开发
el-table表格还可以这么玩
我们都知道表格是横向渲染的,一行一行去展示。不过博主这里有个需求是纵向渲染,一列一列去展示,下面是全部代码,分享出来或许能帮到你们
251 1
el-table表格还可以这么玩