Name: Vue Component x-address
Availability: InStock
Rating: 5 (46 reviews)
Author: VUX

demo url demo source code edit document component source code

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

import { XAddress } from 'vux'

// you can import built-in data
import { XAddress, ChinaAddressV3Data } from 'vux'

// if you need older data
import { XAddress, ChinaAddressV1Data } from 'vux'

you can view source data at src/datas.

x-address should be used in Group

API

Props

name	type	default	description	required version
raw-value	boolean	false	if the initial value is `string value` instead of `id value`	--
title	string		label text	--
value	array		form value, use `v-model` for binding	--
list	array		address data	--
inline-desc	string		description text below label	--
placeholder	string		placeholder	--
hide-district	boolean	false	if hide district column	--
value-text-align	string	right	align setting of `value`	--
popup-style	object		popup style	v2.5.2
show	boolean		popup show (supports the .sync modifier next)	v2.5.8
disabled	boolean		whether disabled selecting	v2.9.0

Events

name	params	description	required version
@on-hide	--	emits when being closed	--
@on-show	--	emits when being open	--
@on-shadow-change	`(Array ids, Array names)`	emits when picker value is changed	v2.5.6