穿梭框的使用

如果想要修改宽度组件外包一层底div

然后样式标签不能有lang="scss"要有scoped 就可以修改了，像这样：

 

 

 

 

 

 data () {
    return {
      dialogVisible: false,
      overList: [],//已选数据
      list: [], //原始数组
      value: '',
      options: [],
      loading: false,
      pageData: []
    }

  },
async start () {
      let response = await this.service.getFarmingTags(this.$route.params.id)
      let data = response.data.data
      this.list = data.map((item) => {
        return {
          key: item,
          label: item,
          disabled: false
        }
      })
      console.log(this.list);
    },

 <div class="content">
        <el-transfer
          style="display: block"
          :titles="['待选', '已选']"
          filterable
          filter-placeholder="请输入"
          v-model="overList"
          :data="list"
        ></el-transfer>
      </div>