Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

wl-address

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

wl-address

一个基于vue和element-ui的省市县三级地址联动插件,数据本地化。A three-level address linkage plug-in for provinces, cities and counties based on Vue and element-ui, data localization

  • 0.2.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1
decreased by-50%
Maintainers
1
Weekly downloads
 
Created
Source

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.

FAQs

Package last updated on 15 Mar 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc