vue根据条件显示字段

<template>
  <main-area :title="title"
             class="fullfill"
             :buttonArray="buttonArray">
    <div class="info-content left-right-padding-percent-10">你已签约的卡号</div>
    <div class="table-demo">
      <YTable :data="tableData"
              :pagination="pagination">
        <el-table-column label="卡号"
                         align="center"
                         prop="BankAcc"/>
        <!--0-正常1-解约2-被换卡-->
        <el-table-column label="状态"
                         align="center"
                         prop="Status">
          <template slot-scope="scope">
            <span v-if="scope.row.Status == 0">正常</span>
            <span v-if="scope.row.Status == 1">解约</span>
            <span v-if="scope.row.Status == 2">被换卡</span>
          </template>
        </el-table-column>
      </YTable>
    </div>
    <div class="info-content left-right-padding-percent-10 ">你本次签约的银行卡号</div>
    <div class="info-content left-right-padding-percent-10 ">{{pageData.Tran_BankAccount}}</div>
  </main-area>

</template>

<script>

  require('@/styles/stm/index.scss')

  export default {
    components: {},
    data() {
      return {
        buttonArray: [{}, {}, {}, {}, {}, {}, {}, {}],
        title: '',
        pageData: {
          Tran_BankAccount: ''
        },
        tableData: [],
        pagination: {
          total: 2,
          pageSize: 10,
          currentPage: 1,
          mode: "all"
        },
      }
    },

    methods: {
      _getDataPool() {
        let tableDataString = parent.MARS.getDataPoolValue("Tran_CardStatusDetail");
        this.tableData = tableDataString == "" ? this.tableData : JSON.parse(tableDataString);
        //TODO
        this.pagination.total = this.tableData.total;
        this.pagination.mode = "page";
        this.pagination.currentPage = 1;
      }
    },

    created() {
      //查询理财签约结果集合
      this._getDataPool();
      //本次签约的银行卡号
      this.pageData.Tran_BankAccount = parent.MARS.getDataPoolValue("Customer_Account");
      let messages = this.$i18n.messages;
      this.buttonArray = [
        //F1
        {},

        //F2
        {},

        //F3
        {},

        //F4
        {},

        //F5
        {},

        //F6
        {},

        //F7
        {},

        //F8
        {
          show: true,
          text: {
            zh: messages.zh.main.btn.confirm,
            en: messages.en.main.btn.confirm,
          },
          setStyle: "end"
        }
      ]
      this.buttonArray = [...this.buttonArray]
    },

    mounted() {

    },

    watch: {}

  }
</script>

<style lang="scss" scoped>
  .info-content {
    text-align: center;
    font-size: 35px;
  }
</style>>