V - Distpickerde 使用方法

最新推荐文章于 2024-08-13 08:58:12 发布

原创

最新推荐文章于 2024-08-13 08:58:12 发布 · 4.5k 阅读

11 ·

CC 4.0 BY-SA版权

这篇博客介绍了 Distpicker 的Attributes和Methods，包括其详细使用方法，并提供了官网地址：https://distpicker.uine.org/，用户可以通过点击按钮来弹出插件进行操作。

npm install v-distpicker --save

yarn add v-distpicker --save

import VDistpicker from 'v-distpicker'

Vue.component('v-distpicker', VDistpicker)

import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker }
}

Attributes

参数	说明	类型	可选值	默认值
province	省份（选填）	String	省份名	null
city	城市（选填）	String	城市名	nul

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sunlizhen

关注关注

1
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

城市选择插件 V-Distpicker的简单使用

ssxx_zzyy_baba的博客

01-27

499

给插件绑定参数，因为在data里已经定义了参数，所以调用的时候注意自己定义的参数是什么。这个插件好像只能在 vue项目中使用，看大佬们是这样说的。完事了，因为使用的场景比较简单，所以也只能提供这点内容。说一下我在项目中的使用，因为比较简单可能和大家的不一样。data就是选中的数据，不清楚的可以打印出来查看一下。在 components 里注册插件。设置选择的方法，然后获取数据存入本地。changeAddress方法。先在vue项目中下载。

VUE-地区选择器(V-Distpicker)组件

codipy的博客

12-06

1779

文档：https://distpicker.pigjian.com/ 1. 安装 npm install v-distpicker --save 2. 使用注册全局组件 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker', VDistpicker) 注册组件 import VDistpic...

参与评论您还未登录，请先登录后发表或查看评论

v-distpicker一个灵活，高度可用的区域选择器，用于为Vue.js 2.x拾取中国的省，市和地区。-Vue.js开发

05-27

灵活的，高度可用的区域选择器，可用于选择中国的省，市和地区。 V-Distpicker这是文档安装npm一个灵活的，高度可用的区域选择器，用于选择中国的省，市和地区。 V-Distpicker这是文档安装npm install v-distpicker --save或yarn add v-distpicker --save用法注册组件注册全局组件：从'v-distpicker'导入Distpicker Vue.component（'v-distpicker'，Distpicker ）注册组件：从“ v-distpicker”导入VDistpicker导出默认{组件：{VDistpicker}}如何使用Basic：

VUE-地区选择器(V-Distpicker)

热门推荐

TA的博客

01-09

2万+

V - Distpicker 地区选择器环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上. 文档: https://distpicker.iline.co/ github: https://github.com/jcc/v-distpicker 项目运用: 1.表单 ... "地区"> "user.xtrysf" :c

V - Distpicker一个非常好用的vue城市联动插件

i++;

03-30

882

这里写自定义目录标题官网地址1.安装2.在main.js注册成为全局组件3.在需要使用的页面注册组件4. 在需要的dom处添加使用5.官网的基础例子官网地址结合官网食用更佳 V - Distpicker官网 1.安装 npm install v-distpicker --save 或 vue ui中打开依赖管理页面搜索安装 2.在main.js注册成为全局组件 import VDistpi...

vue底部选择器_详解VUE-地区选择器(V-Distpicker)组件使用心得

weixin_39975261的博客

12-20

426

废话不多说，直接进入正题。安装，引用，这些直接从官网拷贝来的，就不多说了。1、安装使用 npm 安装：npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --save2、使用注册组件注册全局组件import vdistpicker from 'v-distpicker'vue.component('v-distpicker'...

v-distpicker

weixin_46801609的博客

11-10

2703

v-distpicker的简单安装和使用 — 一款地区选择插件 1.安装（1）进入到对应的vue项目目录中，打开终端（2）输入安装指令 npm install v-distpicker --save 2.引用方式(二选一) (1)在main.js中引入 import VDistpicker from 'v-distpicker';//引入v-distpicker Vue.component('v-distpicker',VDistpicker);//全局注册v-distpicker

城市选择插件 V-Distpicker 组件详解以及全套用法

laihaodong的博客

04-29

2万+

首先第一步,这个插件是一定要在vue项目中使用的一,安装使用 npm 安装： npm install v-distpicker --save 使用 yarn 安装 yarn add v-distpicker --save 二使用 1.在main.js中引入 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker...

V - Distpicker 是一个简单易用的地区选择器

weixin_48746165的博客

03-31

189

V - Distpicker 是一个简单易用的地区选择器如何安装 npm install v-distpicker --save 或者 yarn add v-distpicker --save 注册全局组件 import VDistpicker from ‘v-distpicker’ Vue.component(‘v-distpicker’, VDistpicker) 注册局部组件 import VDistpicker from ‘v-distpicker’ export default { compon

V - Distpicker 一个简单易用的地区选择器

weixin_34307464的博客

12-29

427

1下载 npm install v-distpicker --save or yarn add v-distpicker --save 2配置 1)在main.js中引用 import VDistpicker from 'v-distpicker' // 引入省市选择器 Vue.component('v-distpicker', ...

v-distpicker：一种灵活，高度可用的区域选择器，用于选择中国的省，市和地区

02-06

灵活的，高度可用的区域选择器，可用于选择中国的省，市和地区。 V-Distpicker 这是安装 npm install v - distpicker -- save 要么 yarn add v - distpicker -- save 用法注册组件注册全局组件： import Distpicker from 'v-distpicker' Vue . component ( 'v-distpicker' , Distpicker ) 注册组件： import VDistpicker from 'v-distpicker' export default { component

详解VUE-地区选择器(V-Distpicker)组件使用心得

08-27

主要介绍了详解VUE-地区选择器(V-Distpicker)组件使用心得，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Vue地区选择器==V - Distpicker

王湘佰的博客

09-20

664

项目中遇到地区选择器，找到了V - Distpicker，使用也比较简单方便，是个三级地区选择器官网: 属性和方法可去官网看详细介绍使用方法：安装 npm install v-distpicker --save 全局注册 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker', VDistpicker) 局部注册 import VDistpicker from 'v-distpicker' export

vue 中国省市区地址三级联动插件 V - Distpicker

Z_Jiarui的博客

06-28

3753

官网地址：https://distpicker.pigjian.com/ 安装和实例可直接参考官网 template <VDistpicker :province="getListData.province" :city="getListData.city" :area="getListData.district" @province="onChange...

vue三级联动（省市区）插件v-distpicker

kerelee_li的博客

11-16

2334

vue三级联动（省市区）插件v-distpicker 项目中很多地方需要实现三级联动的效果，介绍一个简单好用的插件 v-distpicker 步骤如下： 1.下载 npm install v-distpicker --save 2.在main.js中引入注册 import VDistpicker from 'v-distpicker' Vue.component('v-distpicker',...

省市组件的用法--V - Distpicker

qq_43408070的博客

11-30

431

预期实现效果如下：当然省市是1：1的比例 V - Distpicker 1.进入你项目的根目录 cmd 添加这个 npm install v-distpicker --save 你的项目中会多出一个这个文件夹如果需要更改一下样式的话可以找到这里进行一下修改[我修改失败了] 2.找到你需要的 ...

vue使用省市区三级联动(V-Distpicker插件)

xiaxia_Lin的博客

06-25

2424

一、安装插件一定要进入项目根目录再下载 cnpm install v-distpicker --save 二、使用在组件中使用三级联动插件布局中：当前位置<p><span @click="toAddress">{{city}}</span></p> js： <script> import VDistpicker f...

vue中实现省市区三级联动(V-Distpicker插件)

liuzaixi的博客

07-25

2458

使用 npm 安装： npm install v-distpicker --save 注册全局组件 import VDistpicker from 'v-distpicker'; Vue.component('v-distpicker', VDistpicker); 注册组件 import VDistpicker from 'v-distpicker' export default { components: { VDistpicker }} 基础 <v-distpick

V - Distpicker：中国省市区选择器的灵活解决方案