树状显示地区信息,可进行多选,确定后,返回选择的地区信息 >[info] 显示效果 第一步: ![](https://img.kancloud.cn/80/1b/801b729b3ec10720034101ec9c41a76c_883x200.png) 第二步: ![](https://img.kancloud.cn/4e/fb/4efb5a2bc23ac5414625a2c539f5eb38_718x324.png) >[info] 示例代码 ``` <template> <el-input class="input-with-select" placeholder="请输入内容" v-model="input3"> <pick-articleType :selectionType="0" @chosedArticleTypes="chosedArticleTypes" slot="append"> </pick-articleType> </el-input> </template> <script> import pickArticleType from '@/components/pick_articleType' export default { components: { pickArticleType, }, computed: {}, data () { return { articleTypes: [], }; }, methods: { chosedArticleTypes (articleTypes) { this.articleTypes = articleTypes }, }, mounted () { }, }; </script> ``` >[info] 属性说明 ``` selectionType:integer: 0:多选;1:单选 ``` >[info] 事件说明 ``` chosedArticleTypes:选中内容之后回调事件,回传参数: [{ id:xxx, namexxx },...] ```