?

// 引入插件
npm install v-distpicker --saveimport VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker) <template>
<v-distpicker @selected="onSelected"></v-distpicker>
<template>
// 配置 placeholders :placeholders="placeholders"data() {return {placeholders: {province: '------- 省 --------',city: '--- 市 ---',area: '--- 區 ---',}}}

// 配置mo默認值
:province="select.province" :city="select.city" :area="select.area"
data() { return { select: { province: '廣東省', city: '廣州市', area: '海珠區' }, } },

// 開啟手機模式
type="mobile"

// 隱藏區 <v-distpicker hide-area></v-distpicker>

// 觸發事件
@selected="onSelected"

// 只有省，或者縣

<v-distpicker only-province></v-distpicker> ? 官網： https://distpicker.pigjian.com/? ? ?

?

?

轉載于:https://www.cnblogs.com/panax/p/10966376.html

總結

以上是生活随笔為你收集整理的v-distpicker 一个好用的三级联动的插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。