vant/docs/demos/views/area.vue
2018-03-15 10:13:48 +08:00

42 lines
845 B
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-section>
</template>
<script>
import AreaList from '../mock/area';
import AreaListEn from '../mock/areaEn';
export default {
i18n: {
'zh-CN': {
title2: '选中省市县',
title3: '配置显示列',
areaList: AreaList
},
'en-US': {
title2: 'Initial Value',
title3: 'Columns Number',
areaList: AreaListEn
}
},
data() {
return {
value: '330302'
};
}
};
</script>