显示效果
默认宽度无法显示完全
给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>