Ws-china-area-data NPM

ws-china-area-data

文盛通用省市区级联组件说明：此组件为elementui下cascade扩展，因此需要安装elementui库; 地址：https://www.npmjs.com/package/ws-china-area-data;

安装

npm i -S ws-china-area-data

或者

cnpm i -S ws-china-area-data

例子

<template>
	<chinaAreaData
	v-model="codes"
	:chinaAreaDataNames.sync="chinaAreaDataNames"
	:chinaAreaDataCodes.sync="chinaAreaDataCodes"
	:allOption="['全国','全部省','全部市']"
	:CodeToText.sync="wsCodeToText"
	:defaultPlaceCodes=” defaultPlaceCodes”
	common-service-url="公司公用数据源(js地址)"
      />
</template>
<script>
import chinaAreaData from 'ws-china-area-data/components/chinaAreaData'

export default {
  name: 'search',
  components: {
    chinaAreaData
  },
  data () {
    return {
		codes:[],
		chinaAreaDataNames:[],
      	chinaAreaDataCodes: [],
		wsCodeToText:{},
		defaultPlaceCodes:[]
    }
  }
}
</script>

Attributes

参数	说明	类型	默认值
chinaAreaDataCodes/sync(v-model)	选中的绑定值(编码)，可以通过v-model快捷绑定。	string[]	-
chinaAreaDataNames/sync	选中的绑定值(名称)。	string[]	-
CodeToText/sync	编码转文字	Object	-

Options

参数	说明	类型	默认值
allOption	全部选项的文字设置,不需要放空字符串即可，文字可修改	string[]	'全部','全部','全部'
commonServiceUrl	公共js文件地址(必传)，注意需要和提供方确认最新地址	url	-
checkStrictly	设置父子节点取消选中关联	boolean	false
clearable	是否支持清空选项	boolean	false
collapse-tags	多选模式下是否折叠Tag	boolean	false
defaultPlaceCodes	预设地址编码,使用v-model方式可以不用此选项，此属性兼容老版组件	string[]	-
disabled	选项是否禁用	boolean	false
level	控件需要级别：1.省级、2.省市二级联动、3.省市区三级联动	number	3
locateCurrentCity	是否定位当前城市	boolean	false（当defaultPlacesCode有值是该项失效）
myPlaceholder	输入框占位文本	string	请选择
multiple	选项是否多选	boolean	false
staticData	传入自定义数据，数据结构例子[{label:'',value:'',children:[]}],注意字段名名要一致	-	[]
size	尺寸(同elementui)	string	-
showAllLevels	输入框中是否显示选中值的完整路径	boolean	true
update	公共js文件的缓存周期(目前每月一更),一般不用设置。	string	monthly
whistList	省级选择地区白名单,如果不为空数组，即只能选择白名单内的省份	string[]	[]
width	组件宽度(单位px)	number	200