index.vue 919 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <demo-section>
  3. <demo-block :title="$t('basicUsage')">
  4. <van-area
  5. ref="area"
  6. :area-list="$t('areaList')"
  7. />
  8. </demo-block>
  9. <demo-block :title="$t('title2')">
  10. <van-area
  11. :area-list="$t('areaList')"
  12. :value="value"
  13. />
  14. </demo-block>
  15. <demo-block :title="$t('title3')">
  16. <van-area
  17. :area-list="$t('areaList')"
  18. :columns-num="2"
  19. :title="$t('title')"
  20. />
  21. </demo-block>
  22. </demo-section>
  23. </template>
  24. <script>
  25. import AreaList from './area';
  26. import AreaListEn from './area-en';
  27. export default {
  28. i18n: {
  29. 'zh-CN': {
  30. title2: '选中省市区',
  31. title3: '配置显示列',
  32. areaList: AreaList
  33. },
  34. 'en-US': {
  35. title2: 'Initial Value',
  36. title3: 'Columns Number',
  37. areaList: AreaListEn
  38. }
  39. },
  40. data() {
  41. return {
  42. value: '330302'
  43. };
  44. }
  45. };
  46. </script>