v-distpicker 一个好用的三级联动的插件

// 引入插件npm install v-distpicker --saveimport VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)

<template><v-distpicker @selected="onSelected"></v-distpicker> <template> // 配置 placeholders

:placeholders="placeholders"data() {return {placeholders: {province: '------- 省 --------',city: '--- 市 ---',area: '--- 区 ---',}}}

// 配置mo默认值

:province="select.province" :city="select.city" :area="select.area"

data() { return { select: { province: '广东省', city: '广州市', area: '海珠区' }, } },



// 开启手机模式

type="mobile"

// 隐藏区

<v-distpicker hide-area></v-distpicker>

// 触发事件

@selected="onSelected"

// 只有省，或者县

<v-distpicker only-province></v-distpicker>

官网： https://distpicker.pigjian.com/

转载于:https://www.cnblogs.com/panax/p/10966376.html

v-distpicker 一个好用的三级联动的插件相关推荐

h5仿android 京东三级联动,jquery仿京东商城三级联动代码插件
2019-3-1更新:location.js文件里第三级县之前使用京东旧域名d.360buy.com的jsonp数据,域名做了跳转首页所以第三加载不出来.现在已经更新为d.jd.com,正常加载.不过 ...
vue中实现省市区三级联动(V-Distpicker插件)
本次项目中使用了V-Distpicker 插件实现了省市区三级联动 V-Distpicker 项目文档地址 V-Distpicker git地址使用方法 npm install v-distpick ...
省市区地址三级联动jQuery插件Distpicker使用
插件下载地址 http://www.jq22.com/jquery-info8054 效果如下: 使用: 1.引入js <script src="http://www.jq22.com ...
一个门店省市店名三级联动
首先看一下三个按钮, 是用UL LI标签展示,并且用一个隐藏的元素进行记录: <div class="store_select"><?php $province ...
JS+JQuery实现前端省、市、区三级联动（插件）
大家在做web开发的时候,肯定会在前端代码里面遇到选择省市区(县)的功能,比如创建用户.编辑用户时,用户选择所在地等.好了多余的话不多说了,我们进入正题吧! 首先,在前端页面里面编写HTML代码: & ...
简单的一个用javascript做的'省市区'三级联动效果
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition ...
车型选择三级联动插件
由于项目需要需要一个车型选择的三级联动插件,即先选择品牌,再选择车系,最后选择车型的联动,说起三级联动可能最常见的就是省市区然后三个select的这样的联动,如图根据传回后台的参数来请求每一级的数据 ...
uni-app三级联动笔记
uniapp官方组件picker uniapp使用三级联动picker,官方文档省市区选择器不适用5+app.h5和支付宝小程序,必须适用插件(日期.时间.三级联动picker)(mpvue-pick ...
jquery三级联动模糊查询_js相关：jQuery实现三级联动效果
js相关:jQuery实现三级联动效果发布于 2020-7-21| 复制链接摘记: 很久没写了,顺带复习,写了一个jQuery实现的三级联动,供大家参考,具体内容如下 ```xhtml .. 很久 ...

v-distpicker 一个好用的三级联动的插件

v-distpicker 一个好用的三级联动的插件相关推荐

最新文章

热门文章