码迷,mamicode.com
首页 > 其他好文 > 详细

VUE-地区选择器(V-Distpicker)

时间:2019-05-01 01:40:01      阅读:1625      评论:0      收藏:0      [点我收藏+]

标签:for   use   pig   属性   选择   选中   赋值   details   hid   

V - Distpicker 地区选择器
环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上.
文档: https://distpicker.pigjian.com/
github: https://github.com/jcc/v-distpicker
项目运用:
1.表单
<el-form-item label="地区">
<v-distpicker :province="user.xtrysf" :city="user.xtrycs" hide-area @province="onChangeProvince" @city="onChangeCity" >
</v-distpicker>
</el-form-item>

2.绑定下拉框
onChangeProvince(data) {
this.user.xtrysf = data.value
},
onChangeCity(data) {
this.user.xtrycs = data.value
}

当选中地区下拉框时,将选中的值赋值给表单(相应的对象属性值)


=====================

原文:https://blog.csdn.net/Dota2_TA/article/details/79015426 

VUE-地区选择器(V-Distpicker)

标签:for   use   pig   属性   选择   选中   赋值   details   hid   

原文地址:https://www.cnblogs.com/sherlock-Ace/p/10798648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!