41 lines
975 B
Vue
41 lines
975 B
Vue
<!--
|
|
银行编码code
|
|
|
|
@author terrfly
|
|
@site https://www.jeequan.com
|
|
@date 2022/03/01 14:57
|
|
-->
|
|
|
|
<template>
|
|
<a-select
|
|
show-search
|
|
:value="props.value"
|
|
placeholder="选择开户银行"
|
|
:disabled="props.readonly"
|
|
@change="changeFunc"
|
|
>
|
|
<a-select-option v-for="(item) in allList" :key="item.bankType" :value="item.bankType">
|
|
{{ item.bankName }}
|
|
</a-select-option>
|
|
</a-select>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { defineProps} from 'vue'
|
|
import allList from './bankcodeFuiou.json'
|
|
|
|
const props = defineProps({
|
|
value: { type: Array, default: null },
|
|
readonly: { type: Boolean, default: false }
|
|
})
|
|
|
|
// emit 父组件使用： v-model="val" 进行双向绑定。
|
|
const emit = defineEmits(['update:value', 'change'])
|
|
|
|
// 当属性发生了变化， 需要通过函数向父组件通信 --》 父组件再通知子组件进行数据的变化。
|
|
function changeFunc(value){
|
|
emit('update:value', value)
|
|
}
|
|
|
|
</script>
|
|
|