Skip to content

bank-select(银行选择框)

基础用法

示例:

选择框开户行弹窗

代码示例:

vue
<template>
  <div class="bs-bg-color-white w640">
    <v-bank-select v-model="bank" placeholder="选择银行" @change="onBankChange"></v-bank-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bank: '',
    };
  },
  methods: {
    /**
     * change事件
     */
    onBankChange(value, data) {
      console.log('value: ', value);
      // value:  中国工商银行股份有限公司大连马栏广场支行
      console.log('data: ', data);
      // data:  {...}
    },
  },
};
</script>

属性:

参数说明类型可选值默认值
value绑定的值String, Number-''
disabled是否禁用Boolean-false
placeholderplaceholderString-''

事件:

事件名说明参数参数说明
input输入事件value输入的值
clear组件清空事件--
focus输入框focus事件event-
blur输入框blur事件event-
visible-change内容区显示/关闭valuetrue/false(显示/关闭)
changechange事件value, data选择的code,选择的完整数据

方法:

方法名说明参数参数说明
focus使输入框获取焦点--