在Jvxetable中columns key cfXb title 性别 minWidth 60px 如何根据cfXb来控制显示的字段如当cfxb=1时显示 男
您可以使用Jvxetable的slot-scope属性来根据数据控制显示的字段。在columns中,将性别字段的minWidth属性设置为0,并在其后添加一个slot属性,如下所示:
columns: [{
key: 'cfXb',
title: '性别',
minWidth: '0',
slot: 'gender'
}]
然后,在Jvxetable组件中添加一个template标签,定义名为gender的slot,如下所示:
<template slot="gender" slot-scope="{ row }">
<span v-if="row.cfXb === 1">男</span>
<span v-else>女</span>
</template>
在template标签中,使用v-if指令根据cfXb的值来判断显示的内容。当cfXb为1时,显示"男",否则显示"女"。
这样,根据cfXb的值,Jvxetable会根据slot-scope中的row数据动态显示对应的内容。
请注意,以上示例假设您已经正确引入了Jvxetable组件,并且使用了正确的数据源
原文地址: https://www.cveoy.top/t/topic/iVjw 著作权归作者所有。请勿转载和采集!