0.2.3 • Published 4 years ago

wl-address v0.2.3

Weekly downloads
3
License
ISC
Repository
github
Last release
4 years ago

wl-address

#简介 这是一个基于elementUi的el-select组件的省市县三级地址联动插件,使用本地化数据,无接口依赖。 el-select

在线演示

快速上手

npm i wl-address --save

npm i wl-address -S

import wlAddress from 'wl-address'

Vue.use(wlAddress)

使用

<template>
  <wlAddress class="my-wl-address" :type="address_mode" :address.sync="address_data"></wlAddress>
</template>  

<script>
export default {
  name: "app",
  data() {
    return {
      address_mode: "default", // default普通 cascader级联
      address_data: "" // 选中地址
    };
  },
  methods: {
    changeAddressMode() {
      this.address_mode =
        this.address_mode == "default" ? "cascader" : "default";
    }
  }
};
</script>

文档

序号参数说明类型可选值默认值
1size输入框尺寸Stringmedium/small/mini-
2address绑定所选地址数据的字段。格式要求:{"code":"130000","name":"河北省"},{"code":"130200","name":"唐山市"},{"code":"130203","name":"路北区"}String--
3type三个下拉框联动模式和一个下拉框级联模式Stringdefault/cascaderdefault
4disabled是否禁用Boolean-false
5clearable是否可清除选项Boolean-false
6filterable是否可搜索Boolean-false
7separatorcascader模式选项分隔符String-"/"
8showAllLevels输入框中是否显示选中值的完整路径Boolean-true

版本记录

  1. 0.2.3 增加一些配置参数,cascader模式时filterable无法触发筛选函数

  2. 0.2.2 修复级联模式高度无限制的错误

  3. 0.2.1 发布,增加为两个模式:三个下拉框联动模式和一个下拉框级联模式

  4. 0.1.0 初次发布,0依赖的省市县三级地址插件

Customize configuration

See Configuration Reference.