v-distpicker

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

(2)在想要用的.vue文件中引用

import VDistpicker from 'v-distpicker';//引入v-distpicker
export default{components:{VDistpicker//注册组件}data(){return {}}
}

3.使用方式

(1)一般模式

```
<v-distpicker></v-distpicker>
```

(2)有默认值模式

<v-distpicker province="广东省"city="茂名市"area="茂南区">
</v-distpicker>

(3)正常应用模式

<v-distpicker @province="provinceChange" province="广东省"@city="cityChange" city="茂名市"@area="areaChange" area="茂南区">
</v-distpicker>export default{data(){return {data:[]//从接口获取到的数据}},methods:{//三个选择框的值改变事件，data参数：返回选择框改变时候的值，是一个对象provinceChange(data){//省this.data['merchantProvince'] = data.value},cityChange(){//市this.data['merchantCity'] = data.value},areaChange(){//区、县this.data['merchantTown'] = data.value}}
}

(4)移动端

加上type=“mobile”

<v-distpicker type='mobile'></v-distpicker>

4.出现问题

在main.js引入的时候，会提示如图所示的问题，但是是可以正常使用的。

v-distpicker相关推荐

使用distpicker的页面完善
使用HTML页面添加属性即可在回显时绑定想要展示的属性 getSexinfo绑定请求 <!DOCTYPE html> <html lang="en"> ...
linux怎么卸载webpack,安装webpack后，执行webpack -v命令时报错：SyntaxError: Block-sc
安装webpack后,执行webpack -v命令时报错如下: [root@FreeServer ~]# webpack -v /usr/local/node-v4.4.7-linux-x64/lib ...
心音数据库_小V云端数据库 | 2020.9.14—2020.9.18
桂花的芬芳在雨后空气中弥散开来似为湿润的情绪赠予了一丝甜蜜小V云端数据库 2020.9.14-2020.9.18 资讯情报关键词健康.示范.安全 V宝体检,助力成长 2020年9月14日上午 ...
女士细线毛衣起多少针_潇洒帅气的男童V领开襟毛衣编织，带教程图解
终于又完工一件. 用线:宝宝毛9号8团多用针:ADD2.75,3.0成衣尺寸:衣长43cm,胸围72cm,袖长42cm,肩宽32cm编织过程:1,用另线起针法起222针,织双螺纹5cm,排花,织20c ...
【实用】几个实用的webstorm、IDEA编辑器窗口快捷键设置，Alt+V垂直复制当前窗口，Alt+Shift+V将当前窗口复制到另一边的分割窗口显示，Alt+Shift+M移动当前活动窗口到另一边
Alt+V垂直复制当前窗口 Alt+Shift+V将当前窗口复制到另一边的分割窗口显示,Alt+Shift+M移动当前活动窗口到另一边
基于持久内存的单机上亿(128B)QPS -- 持久化 k/v 存储引擎
文章目录性能数据设计背景设计架构 Hash 索引结构及 PMEM空间管理形态基本API 及实现 API 初始化流程写流程读流程删除流程 PMEM Allocator设计主要组件空 ...
KVell 单机k/v引擎：用最少的CPU 来调度Nvme的极致性能
文章目录前言 KVell背景业界引擎使用Nvme的问题 CPU 会是 LSM-kv 存储的瓶颈 CPU 也会是 Btree-kv 存储的瓶颈 KVell 设计亮点及总体架构实现 KVell 设 ...
存储引擎 K/V 分离下的index回写问题
前言近期在做on nvme hash引擎相关的事情,对于非全序的数据集的存储需求,相比于我们传统的LSM或者B-tree的数据结构来说能够减少很多维护全序上的计算/存储资源.当然我们要保证hash ...
linux进程间通信：system V 信号量生产者和消费者模型编程案例
生产者和消费者模型: 有若干个缓冲区,生产者不断向里填数据,消费者不断从中取数据两者不冲突的前提: 缓冲区有若干个,且是固定大小,生产者和消费者各有若干个生产者向缓冲区中填数据前需要判断缓冲区是否 ...
linux进程间通信：system V 信号量和共享内存实现进程间同步
关于信号量和共享内存的相关描述已经在前几篇提到过: 信号量:即内核维护的一个正整数,可以使用内核提供的p/v接口进行该正整数的+/-操作,它主要用来表示系统中可用资源的个数,协调各个进程有序访问资源, ...

v-distpicker

v-distpicker的简单安装和使用 — 一款地区选择插件

1.安装

（1）进入到对应的vue项目目录中，打开终端

（2）输入安装指令

2.引用方式(二选一)

(1)在main.js中引入

(2)在想要用的.vue文件中引用

3.使用方式

(1)一般模式

(2)有默认值模式

(3)正常应用模式

(4)移动端

4.出现问题

v-distpicker相关推荐

最新文章

热门文章