vue区域选择器v-distpicker的常见功能

今天，我推荐一个简单易用的vue插件，区域选择器v-distpicker。接下来，我会给大家介绍一些常用的功能

1.介绍插件(官网截图及说明)

2.使用插件(官网截图及说明)

就这么简单。只需写一个v-distpicker/v-distpicker标签，就会有一个区域选择器，全国匹配城市(有插件就好，直接用就行)

3.与后端的接口联调——关键点来了！

前端使用区域选择器的原因是提交用户选择的区域信息，最后通过界面传递给后端人员进行处理(有时候我们只是数据的搬运工~)

代码如下：

解释一下：

1.收听用户通过这三个事件输入的省市信息；

2.监控事件中的控制台信息，输出一个对象(插件封装的数据)，获取该对象的值属性值；

3.this.formValidate就是我初始化的对象，然后把获取的信息放入formValidate对象，最后一起提交给后端(axios请求)，就大功告成了！

目标

以上是v-distpicker的常见功能，这是边肖推出的一款vue区域选择器。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！