Avue-crud根据后端返回的字段的prop,去改变前端的展示

举个例子:

如果你在使用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
          },
]