前言
好久没有更新博客了,最近真的是杂事缠身,生气的居然都没有心情码字了。直到遇到它,我的v-region组件,一款好用到窒息的行政区划组件,于是想要迫不及待的与大家安利一下。希望能够帮助到大家。虽然这款插件非常easy,但是对于我这个代码界的搬运工而言,绝对是能用别人的,自己不瞎BB。好了,话不多说。开始我们今天的正文。先附个图,镇一下场子。
正文
参考文档:Vue Components
使用步骤:
- 安装组件
npm i -S v-region
- main.js引入插件
import Vue from 'vue'
import vRegion from 'v-region'
Vue.use(vRegion, { global config options... })
- 代码中引用
<template>
<v-region @values="regionChange"></v-region>
</template>
<script>
export default {
methods: {
//receive selected region data
regionChange (data) {
console.log(data)
}
}
}
</script>
使用效果:
这里给大家演示一下效果,客官留步,请往下瞧。
![](https://i-blog.csdnimg.cn/blog_migrate/385f156b1ea47ba06f95915e61b1b899.gif)
结语
是不是so easy呢?好用到窒息。今天的博客就分享这里了,希望各位客官会喜欢,我们下期见咯。