网站建设ssc源码技术,襄阳网站定制,高端网页欣赏,seo搜索引擎优化工资使用场景#xff1a;
使用el-table进行数据的展示时#xff0c;查询数据时要获取对象的ID属性#xff0c;在展示时不需要展示ID这一列#xff0c;但是在进行编辑时需要获取该ID。
实现方法#xff1a;
可以通过在el-table-column上添加
v-iffalse
完整示…使用场景
使用el-table进行数据的展示时查询数据时要获取对象的ID属性在展示时不需要展示ID这一列但是在进行编辑时需要获取该ID。
实现方法
可以通过在el-table-column上添加
v-iffalse
完整示例代码 el-table :datatableData border stylewidth: 100% selection-changehandleSelectionChangeel-table-column typeselection width55 /el-table-columnel-table-columnpropidlabelIDv-iffalse/el-table-columnel-table-columnlabel序号width50aligncentertemplate slot-scopescopes{{(currentPage-1)*pageSizescopes.$index1}}/template/el-table-columnel-table-columnproporderCodelabel单号/el-table-columnel-table-columnproporderStatuslabel单据状态 0待审核1通过2驳回3已执行/el-table-columnel-table-columnproprefOrderIdlabel关联单id/el-table-columnel-table-columnproprefOrderCodelabel关联单单号/el-table-columnel-table-columnpropbackTimelabel归还时间:formattercarTimeFilter/el-table-columnel-table-columnpropcreateUserlabel创建人/el-table-columnel-table-columnpropcreateTimelabel创建时间:formattercarTimeFilter/el-table-columnel-table-columnpropupdateUserlabel修改人/el-table-columnel-table-columnpropupdateTimelabel修改时间:formattercarTimeFilter/el-table-columnel-table-columnpropauditUserlabel审核人/el-table-columnel-table-columnpropauditTimelabel审核时间:formattercarTimeFilter/el-table-columnel-table-columnpropauditDescriptionlabel审核描述/el-table-columnel-table-column fixedright label操作 template slot-scopescopeel-button typetext clickeditorHandleClick(scope.row) v-auth[/backStorage/saveOrUpdate] sizesmall编辑/el-buttonel-button clickdeleteHandleClick(scope.row) typetext v-auth[/backStorage/delete] sizesmall删除/el-button/template/el-table-column/el-table
