flag-ui-platform
v1.0.0
Published
this is platform
Readme
选择模板通用组件
针对IBSS运营平台省市联动(省份选择)的通用组件
安装
npm i --save flag-ui-platform依赖
1. vue
2. element-ui使用说明
引入
import platform from 'flag-ui-platform'组件概况
组件参数说明
|传入参数 | 类型 |是否必填|默认 | 说明 |
|:-------------------|:-------|:-----:|:------:|:----------------------------------------|
|platformList |Array |是 |--- |传入省份常量 |
|cityList |Array |否 |[] |传入城市常量 (不传为省份选择插件) |
详细参数说明
{
//省份常量
platformList: [
{
id:"10"
name:"河北"
pinyin:"hebei"
regionId:"3"
shortName:"hb"
status:"1"
}
]
}
{
//城市常量
platformList: [
{
code:"0009"
id:"1"
name:"十堰"
pinyin:null
platform:"2"
}
]
}
传出参数说明
|参数 | 类型 | 是否必填 |默认 | 说明 | |:-------------:|:-------|:-----------|:--------|:------------------| |v-model |Object |是 |{} |双向绑定传出内容对象 |
{
p:{}, //省份信息
c:{} //城市信息
}
事例
<template>
<div>
<platform class="w-165" :platformList="platformList" :cityList="cityList" v-model="choosedPlatform"></platform>
</div>
</template>
<script>
import platform from 'flag-ui-platform'
export default {
data() {
return {
choosedPlatform:{p:{},c:{}},//省市
platformList:PLATFORM_LIST,//省份常量
cityList:CITY_LIST,//城市常量
}
},
components: {
platform
}
}
</script>
