vue城市三级联动组件 vue-area-linkage

在vue城市三级联动组件 vue-area-linkage遇到的问题：

需求中有一个重置的按钮，本以为清除 v-model 绑定的数据就可以了
结果绑定的数据是修改了，但是页面显示的内容没变。
我又把placeholder数据绑定并修改，也没变化。
还有一种情况就是在一个列表中，点击编辑按钮，每次显示的地区都是显示第一次点击的那个地区。

以上是遇到的一些问题
后面有我的解决方案

1、安装

cnpm install vue-area-linkage --save 组件
cnpm install area-data --save 城市数据来源依赖

2、使用

 在main.js文件中引入:
    import Vue from 'vue';
    import VueAreaLinkage from 'vue-area-linkage';//联动地址
    import 'vue-area-linkage/dist/index.css'
    Vue.use(VueAreaLinkage)
    在页面组件内
    import { pca, pcaa } from 'area-data'; // 城市数据
    
    在data中定义数据：
    selected: [],
    pca: pca,
    pcaa: pcaa

html片段，以下两种方式都可以

1，使用area-select 来写

<area-select v-if="show" :level="1" typ