mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
<template>
|
|
<demo-section>
|
|
<demo-block :title="t('basicUsage')">
|
|
<van-area :area-list="t('areaList')" />
|
|
</demo-block>
|
|
|
|
<demo-block :title="t('title2')">
|
|
<van-area :area-list="t('areaList')" :value="value" />
|
|
</demo-block>
|
|
|
|
<demo-block :title="t('title3')">
|
|
<van-area
|
|
:area-list="t('areaList')"
|
|
:columns-num="2"
|
|
:title="t('title')"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block :title="t('title4')">
|
|
<van-area
|
|
:area-list="t('areaList')"
|
|
:columns-placeholder="t('columnsPlaceholder')"
|
|
:title="t('title')"
|
|
/>
|
|
</demo-block>
|
|
</demo-section>
|
|
</template>
|
|
|
|
<script>
|
|
import AreaList from './area';
|
|
import AreaListEn from './area-en';
|
|
|
|
export default {
|
|
i18n: {
|
|
'zh-CN': {
|
|
title2: '选中省市区',
|
|
title3: '配置显示列',
|
|
title4: '配置列占位提示文字',
|
|
columnsPlaceholder: ['请选择', '请选择', '请选择'],
|
|
areaList: AreaList,
|
|
},
|
|
'en-US': {
|
|
title2: 'Initial Value',
|
|
title3: 'Columns Number',
|
|
title4: 'Columns Placeholder',
|
|
columnsPlaceholder: ['Choose', 'Choose', 'Choose'],
|
|
areaList: AreaListEn,
|
|
},
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
value: '330302',
|
|
};
|
|
},
|
|
};
|
|
</script>
|