<el-table
:data=“tableData”
border
style=“width: 100%”>
<el-table-column
fixed
prop=“id”
label=“水果ID”
width=“160”>
<el-table-column
prop=“name”
label=“水果名称”
width=“160”>
<el-table-column
prop=“sale”
label=“水果销量”
width=“160”>
<el-table-column
prop=“icon”
label=“图片”
width=“160”>
<el-table-column
fixed=“right”
label=“操作”
width=“100”>
<el-button @click=“fruitDelete(scope.row)” type=“text” size=“small”>删除
<el-button @click=“findFruit(scope.row)” type=“text” size=“small”>编辑
<el-button type=“primary” @click=“onSubmit(‘form’)”>立即修改
<el-button @click=“onSubmit1(‘form’)”>取消
<el-button type=“primary” @click=“onSubmit(‘fruitRules’)”>立即创建

本文介绍了如何在Vue应用中使用Element-UI构建表格组件,展示了数据绑定和操作按钮,同时提及了SpringBoot工程中的MBP依赖管理和Vue项目编码规范,包括组件设计、路由规范以及代码生成工具的使用。
最低0.47元/天 解锁文章
2215

被折叠的 条评论
为什么被折叠?



