UserAddressesCreateAndEdit.js 573 B

123456789101112131415161718192021
  1. // 注册一个名为 user-addresses-create-and-edit 的组件
  2. Vue.component('user-addresses-create-and-edit', {
  3. // 组件的数据
  4. data() {
  5. return {
  6. province: '', // 省
  7. city: '', // 市
  8. district: '', // 区
  9. }
  10. },
  11. methods: {
  12. // 把参数 val 中的值保存到组件的数据中
  13. onDistrictChanged(val) {
  14. if (val.length === 3) {
  15. this.province = val[0];
  16. this.city = val[1];
  17. this.district = val[2];
  18. }
  19. }
  20. }
  21. });