郑州网站制作公,网站开发素材包,上海剑展投资管理有限公司,工信部网站备案电话在前端对接受后端数据处理后返回的接收值的时候#xff0c;为了解决数据过于庞大#xff0c;而对数据进行简化处理例如性别#xff0c;经常会使用1#xff0c; 0这俩个来代替文字的男#xff0c;女。以下就是前端渲染的具体实现。
以下是部分代码
el-table-columnpr…在前端对接受后端数据处理后返回的接收值的时候为了解决数据过于庞大而对数据进行简化处理例如性别经常会使用1 0这俩个来代替文字的男女。以下就是前端渲染的具体实现。
以下是部分代码
el-table-columnpropgenderheader-aligncenteraligncenterlabel性别/el-table-column 进行如下处理代码
el-table-columnpropgenderheader-aligncenteraligncenterlabel性别template slot-scopescopespan stylemargin-right: 10px{{scope.row.gender 1 ? 男 : 女}}/span/template/el-table-column 其原理是template 标签定义在页面加载时隐藏的一些内容该标签中的内容可以稍后使用 JavaScript 呈现。slot是插槽.
,此外这里每行还有编辑删除等功能事件处理函数中的参数scope.$index就是该行的下标scope.row就是该行的数据所有消息对象有了这两个参数我们就可以实现编辑分配转派完工删除功能所以这个 slot-scopescope是非常重要的
