举个例子:
如果你在使用avue 的 avue-crud 组件,现在呢后端返回给你一个性别(sex)的字段,如果是男该字段值1,如果是女该字段值是2,你是不是无从下手,你总不能给客户展示1跟2吧
废话不多说,上代码
<avue-crud
:data="data"
:option="option"
@row-save="rowSave"
@row-update="rowUpdate"
@row-del="rowDel"
:table-loading="loading"
:page="page"
@size-change="sizeChange"
@current-change="currentChange"
>
<template slot-scope="scope" slot="sex">
<span v-if="scope.row.sex == 1">男</span>
<span v-else>女</span>
</template>
</avue-crud>
column: [
{
label: "性别",
prop: "sex",
slot:true
},
]