XAddress 组件使用教程

安装

import { XAddress } from 'vux'

export default {
  components: {
    XAddress
  }
}

// 在入口文件全局引入

import Vue from 'vue'
import { XAddress } from 'vux'

Vue.component('x-address', XAddress)

  <group>
    <x-address title="title" v-model="value"></x-address>
  </group>

import { XAddress } from 'vux'

// 如果你需要引入数据，如果你的版本低于 v2.2.0，请使用 ChinaAddressData
import { XAddress, ChinaAddressV4Data } from 'vux'

// 如果需要引入旧版数据
import { XAddress, ChinaAddressV2Data } from 'vux'

如果你需要单独引入地址数据，可以在源码src/datas找到。

设计上 x-address 只能在 Group 中使用。但是你依然可以不在 Group 中使用，使用 display:none 隐藏然后用 :show.sync 来控制组件显示状态。

<x-address style="display:none;" title="title" v-model="value" :list="addressData" placeholder="请选择地址" :show.sync="showAddress"></x-address>

v4 和 v3 的区别是在 v4 里重庆多了县列表。
从 `2.1.1-rc.12` 开始，`直辖区`做了简化，原来是 北京市-北京市市辖区-东城区，现在是 北京市-市辖区-东城区。组件内部做了兼容，你以`raw-value`方式传入两种写法表现和旧版本一致，不会出错。

从 `2.1.1-rc.15` 开始，数据必须指定版本，原来的 `ChinaAddressData` 废弃并停留在 `v2` 版本不再更新。
不同版本数据差异可以从[这里](https://github.com/airyland/china-area-data)找到。

属性

事件

插槽