<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <v-distpicker :province="select.province" @province="changeProvince" :city="select.city" @city="changeCity" :area="select.area" @area="changeArea" class="form-control"></v-distpicker> {{select.province}}<br> {{select.city}}<br> {{select.area}}<br> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="v-distpicker.js"></script> <script> Vue.component('v-distpicker', VDistpicker); var vm = new Vue({ el: "#app", data:{ select: { province: '廣東省', city: '廣州市', area: '海珠區' } }, methods:{ changeProvince(data) { this.select.province = data.value; }, changeCity(data) { this.select.city = data.value; }, changeArea(data) { this.select.area = data.value; } } }) </script> </body> </html>
Vue 在項目中使用 v-distpicker 插件
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章