element 组件的样式 el-transfer宽度调整

显示效果

默认宽度无法显示完全

给el-transfer外层添加 edit-route

<div class="edit-route">
        <el-transfer filterable
                     v-model="value"
                     filter-placeholder="输入路由名称"
                     :titles="['可选路由', '已分配路由']"
                     :data="list"
                     :props="{key: 'key', label: 'name'}"
                     @change="handleChange">
        </el-transfer>
      </div>

添加样式

<style scoped>
/* 必需有scoped */
.edit-route >>> .el-transfer-panel {
  width: 450px;
}
</style>