金鹏信息后台管理组件—省市区基础数据

1. 简介

基于vue开发的金鹏信息后台管理公共组件—省市区基础数据

2. 基础环境

(vue 2.6.0 +) (nodejs 6.0+)

3. 使用前准备(nrm for vue)

3.1. 简介

nrm 是一个 NPM 源管理器,允许你快速地在如下 NPM 源间切换.

3.2. 安装

    npm install -g nrm

3.3. 使用

3.3.1. 列出可选的NPM源

    ; nrm ls                                                                                                                                    
    * npm ---- https://registry.npmjs.org/
      cnpm --- http://r.cnpmjs.org/
      taobao - http://registry.npm.taobao.org/
      eu ----- http://registry.npmjs.eu/
      au ----- http://registry.npmjs.org.au/
      sl ----- http://npm.strongloop.com/
      nj ----- https://registry.nodejitsu.com/

3.3.2. 切换NPM源

    ; nrm use taobao                                                                                                                             
     Registry has been set to: http://registry.npm.taobao.org/

3.3.3. 增加源 (你可以增加定制的源,特别适用于添加企业内部的私有源)

nrm add jpxx http://xxx.xx.xx.xxx

3.3.4. 删除源

nrm del jpxx

4. 如何使用

4.1. 项目依赖

//npm install area -S
//在main.js中
import area from 'area'
Vue.use(area)

4.2. 引用

<area v-model="val2" level={2} :data="pcaa"></area>

5. 组件属性

参数 类型 可选值 默认值 说明
type String all/code/text code 设置返回的数据格式
placeholders Array - [] 设置 placeholder text
level Number 0/1/2 1 设置联动层级(0-只选省份/1-省市联动/2-省市区联动)
size String small/medium/large medium 设置输入框的大小
disabled Boolean - false 是否禁用
data Object - - 地区数据(v5需要传入)
icon String - area-select-icon 自定义下拉小图标
disableLinkage Boolean - true 地区选择是否进行联动

6. 事件

事件名 说明 参数
change 选中值发生变化时触发 目前选择的值

7. 组件展示

7.1. 单选择框

7.2. 多选择框

源码地址:http://sources.jpsycn.com/dev-plat/h5/com/area.git

Copyright © jpsycn.com 2018 all right reserved,powered by Gitbook该文件修订时间: 2019-09-10 14:26:13

results matching ""

    No results matching ""