# yuChooseBankcard 选择银行卡

<template>
  <div>
    <van-button @click="chooseShow = true">点击选择银行卡</van-button>
    <yu-choose-bankcard :show.sync="chooseShow" :card-list="cardList" @check="checkFn" 
    @cancel="chooseShow = false" @comfirm="chooseShow = false"></yu-choose-bankcard>
  </div>
<template>
<script>
  import yuChooseBankcard from '@/components/yu-choose-bankcard/index.vue';
  export default {
    components: {
     yuChooseBankcard
    },
    data() {
      return {
        chooseShow: false,
        cardList: [
          {
            accountNo: '6217898356782452098',
            checked: true,
            bankNo: '103100000026'
          },
          {
            accountNo: '6217898356782450927',
            bankNo: '104100000004'
          },
          {
            accountNo: '6217898356782453546',
            bankNo: '105100000017'
          },
          {
            accountNo: '621789835678245323',
            bankNo: '308584000013'
          }
        ]
      }
    },
    methods: {
      checkFn(a, b) {
        console.log('check触发', a, b);
      },
      cancel() {
        // 取消
      },
      comfirm() {
        // 提交
      }
    },
  }
</script>