Vue 搭配element-UI 实现可搜索穿梭框

首先，如果还没有看过官方的例子的话，建议先浏览下官方的文档，本文主要介绍的是自己踩过的坑。在这基础上，假设您已经有了一定的vue.js的基础
官方地址：
http://element.eleme.io/#/zh-CN/component/transfer

1、html 片段

注意：官网上的例子是给出了城市名，通过拼音搜索过滤，在线上环境中，我们可能通常需要根据lable(即显示的选项)直接进行搜索。在html代码段中，除了v-model及初始的数据集data(即选项)外，只需要一个filterable参数，后面 的filter-method可以不需要

 <template>
    <el-transfer
         filterable
         v-model="value"
        :data="data">