例子 某一列中判断当前记录的某各值
这里列对应的属性值不一定非要和当前记录要判断的记录值一致,可以不同,重点看
template
标签中的内容,以及slot-scope的使用,下面的记录中,row表示的是当前一整条的记录的单个实体,可以取到所有的属性,所以也可以判断其他属性,甚至是多个属性
<TableColumn
label="状态"
width="120"
prop="feedbackState"
header-align="center"
align="center"
sortable
>
<template slot-scope="scope">
<Button type="text" v-noMoreClick>
<span v-if="scope.row.state == '0'" style="color:#444;font-size: 16px;">要展示的内容1</span>
<span v-if="scope.row.state == '1'" style="color:#444;font-size: 16px;">要展示的内容2</span>
<span v-if="scope.row.state == '2'" style="color:#444;font-size: 16px;">要展示的内容3</span>
<span v-if="scope.row.state == '5'" style="color:#444;font-size: 16px;">要展示的内容4</span>
<span v-if="scope.row.state == '7'" style="color:#444;font-size: 16px;">要展示的内容5</span>
<span v-if="scope.row.state == '6'" style="color:#444;font-size: 16px;">要展示的内容6</span>
</Button>
</template>
</TableColumn>