vue 省市区选择插件v-distpicker设置初值与选择后触发方法

废话不多说，先看效果：

一、安装

npm install v-distpicker --save

二、引用（main.js）

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

三、使用

<a-form-item label="所属辖区" :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }"><v-distpicker :province="sheng" //省:city="shi" //市:area="xian"//县@selected="selected"//选择最后一项时触发，返回参数为省市区的值></v-distpicker>
</a-form-item>

data数据，以及方法

export default {data() {return {sheng: '北京市',shi: '北京市',xian: '东城区',}},//方法methods: {//选择省市县selected(data) {this.sheng = data.province.valuethis.shi = data.city.valuethis.xian = data.area.value},}

vue 省市区选择插件v-distpicker设置初值与选择后触发方法相关推荐

1.JAVA猜数字游戏：一个类A有两个成员变量v、num，v有一个初值100。定义一个方法guess，对A类的成员变量v，用num进行猜。 *如果num比v大则提示大了，反之则提示小了.
思路: * 1.创建一个类,定义两个成员变量v和num,v是固定值所以直接赋值,num是键盘录入的. * 2.定义一个setNum类,将来通过对象调用将键盘录入接收的数据进行设置 * 3.创建一 ...
1、猜数字游戏：一个类A有两个成员变量v、num，v有一个初值100。定义一个方法guess，对A类的成员变量v，用num进行猜。如果大了则提示大了，小了则提示小了。等于则提示猜测成功。在main方法
定义一个类,其中封装成员变量v-猜数的目标, num-猜测的数据 guess方法根据num和v比对结果生成对应的提示信息 import java.util.Scanner; public class ...
vue修改http请求头_vue-resouce设置请求头的三种方法
本文主要介绍了vue-resouce设置请求头的三种方法,分享给大家,具体如下: 第一种:在Vue实例中设置 var vm = new Vue({ el:'#rrapp', data:{ showLi ...
vue项目中使用组件库设置样式不生效的解决方法
scoped 实现原理实现组件的私有化,不对全局造成样式污染 ,我们使用scoped 作用:声明的样式只对当前组件生效 <style lang="less" scoped& ...
vue显示日历插件_一个干净轻巧的插件，用于显示属性日历
vue显示日历插件 V日历 (V-Calendar) V-Calendar is a clean and lightweight plugin for displaying simple, attri ...
php日期选择插件,优雅的日期选择插件daterangepicker
插件描述:jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择使用方法第一步:引入css文件: bootstrap.min.css.font-awesome ...
html中国家的下拉列表,jQuery Select下拉列表国家选择插件
jQuery Select下拉国家选择插件简介本文提供JQuery国家选择插件制作select下拉框带搜索功能,和图标的下拉国家列表选择插件代码.支持搜索快速查找,带国旗的国家下拉选择插件! jQu ...
Vue中watch、computed、updated三者的区别以及使用方法
1.watch 理解: 监听器,监听某个数据的变化从而来执行一些操作,当data里面的数据发生变化的时候来执行一下开销较大或异步的操作 1.监听值类型(简单类型)数据 //在一个vue实例中new V ...
vue-select-tu--一款基于vue的多元图形选择插件
vue-select-tu 一款基于vue的多元图形选择插件 Table of Contents Security Install Usage Maintainers Contributing Lic ...

vue 省市区选择插件v-distpicker设置初值与选择后触发方法

vue 省市区选择插件v-distpicker设置初值与选择后触发方法相关推荐

最新文章

热门文章