region.vue 732 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view>
  3. <view class="item" @tap="regionVisible=true">省市区三级联动</view>
  4. <view class="result">选择结果:{{result.result}}</view>
  5. <w-picker
  6. :visible.sync="regionVisible"
  7. mode="region"
  8. :value="defaultRegion"
  9. default-type="value"
  10. :hide-area="false"
  11. @confirm="onConfirm($event,'region')"
  12. @cancel="onCancel"
  13. ref="region"
  14. ></w-picker>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. data() {
  20. return {
  21. regionVisible:false,
  22. result:{
  23. result:""
  24. },
  25. defaultRegion:["150000","150100","150103"]
  26. };
  27. },
  28. methods:{
  29. onConfirm(res){
  30. this.result=res;
  31. console.log(res)
  32. },
  33. onCancel(){
  34. }
  35. }
  36. }
  37. </script>
  38. <style lang="scss">
  39. </style>