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

作者：袖梨 2022-06-25

废话不多说，直接进入正题。

安装，引用，这些直接从官网拷贝来的，就不多说了。

1、安装

使用 npm 安装： 

npm install v-distpicker --save

使用 yarn 安装 

yarn add v-distpicker --save

2、使用

注册组件

注册全局组件 

import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker);

注册组件 

import VDistpicker from 'v-distpicker'
export default {
 components: { VDistpicker }
}

简单使用

基础

默认值

移动端

3、下面是重点

获取选择的值

在你引用 v-distpicker 的父组件里面定义几个方法来获取选择的值。

4、样式

你是不是感觉弹出的样式很丑？

OK，下面来改改样式 

css;">
OK，我要说的完了。。以上只是抛砖引玉，谁有更多的使用心得，请不吝评论

相关文章

精彩推荐