VxGidcPayeeList

选择收款人列表

引用

import VxGidcPayeeList from '@/components/vx-collection-list/components/vx-gidc-payee-list.vue';

代码演⽰

<template>
  <div class="my-list">
    <vx-payee-list :list="recentPayeeList"> </vx-payee-list>
  </div>
</template>
<script>
import VxGidcPayeeList from '@/components/vx-collection-list/components/vx-payee-list.vue';
export default {
  name: 'exchange-statement',
  components: {
    VxGidcPayeeList,
  },
  data() {
    return {
      recentPayeeList: [
        {
          payeeAcName: '挡板测试账号',
          payeeAcNo: '6282232017090560',
          payeeBankName: '科蓝银行滨洲支行',
        },
        {
          payeeAcName: '蛤哈哈',
          payeeAcNo: '456540900799924442',
          payeeBankName: '中国工商银行',
        },
      ],
    };
  },
};
</script>
<style>
.my-list {
  width: 300px;
}
</style>

API

VxGidcPayeeList Props

属性	说明	类型	默认值	备注
`list`	`收款人列表`	`[{picType: String, payeeAcName: String, payeeAcNo: String, payeeBankName: String, [key: String]: any}]`	-	-
`is-search`	`是否开启搜索框`	`Boolean`	`true`	-
`acronym-name`	`字母索引要排序的字段`	`String`	`payeeAcName`	-

VxGidcPayeeList Slots

default

插槽里面默认是ui设计的卡片样式，若不满足可自定义卡片样式，已抛出option(Object:for循环的每一项)，selected(Boolean:当前选中的)，index(Number:索引值)

VxGidcPayeeList Events

@payeeInfo()

返回值

属性	说明	类型	备注
`val`	`当前点击的值`	`Object`	-

Current Tags

0.0.3 ... latest (3 years ago)

1 Versions

0.0.3 ... 3 years ago