PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

php中世界最好的语言
php中世界最好的语言 原创
2018-05-12 10:45:26 6043浏览

这次给大家带来地区选择器(V-Distpicker)组件使用详解,地区选择器(V-Distpicker)组件使用的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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,下面来改改样式

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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

react-navigation使用总结(附代码)

JS DOM元素常见增删改查操作详解

以上就是地区选择器(V-Distpicker)组件使用详解的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。