简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> JS Tutorial> body text

Introduction to the use of VUE-region selector (V-Distpicker) component

不言
Release： 2018-06-29 15:34:39
Original
1841 people have browsed it

This article mainly introduces the detailed experience of using the VUE-region selector (V-Distpicker) component. The content is quite good. I will share it with you now and give it as a reference.

Without further ado, let’s get straight to the point.

Installation and citation are copied directly from the official website, so I won’t go into details.

1. Installation

Use npm to install:

npm install v-distpicker --save
Copy after login

Use yarn to install

yarn add v-distpicker --save
Copy after login

##2. Use

to register Component


Register global component 

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

Register component 

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

Simple to use


Basic

Copy after login

Default value

Copy after login

Mobile terminal

Copy after login

3. The following are the key points

Get Selected value

Copy after login

Define several methods in the parent component where you reference v-distpicker to get the selected value.