Record it today element ui Solution to incomplete display of shuttle box content in component

There are three solutions

1. Change the width of the shuttle box , Full text search in Engineering .el-transfer-panel, Find the place to define this class , Modify width .
2.
html code
<el-transfer v-model="yesData" :props="{key: 'id',label: 'fileName'}" :titles=
"[' File list ', ' Selected files ']" @change="handleChange" :data="fileArr" filterable :filter-
method="filterMethod" filter-placeholder=" Please input keywords " @mouseover.native="addTitle" >
</el-transfer>
js code
addTitle(e) { // Manually add a title let target_el = e.target; if (target_el.
title) return; target_el.title = target_el.innerText; },
*
html code
<el-transfer v-model="yesData" :props="{key: 'id',label: 'fileName'}" :titles=
"[' File list ', ' Selected files ']" @change="handleChange" :data="fileArr" filterable :filter-
method="filterMethod" filter-placeholder=" Please input keywords " :render-content="renderFunc" >
</el-transfer>
js code
renderFunc(h, option) { return <span title={option.fileName}>{option.fileName}<
/span>; },
design sketch

Technology
©2019-2020 Toolsou All rights reserved,
Hikvision - Embedded software written test questions C Language application 0 The length of array in memory and structure is 0 In depth analysis data structure --- The preorder of binary tree , Middle order , Subsequent traversal How to do it ipad Transfer of medium and super large files to computer elementui Shuttle box el-transfer Display list content text too long 2019 The 10th Blue Bridge Cup C/C++ A Summary after the National Games ( Beijing Tourism summary )unity Shooting games , Implementation of first person camera python of numpy Module detailed explanation and application case Study notes 【STM32】 Digital steering gear Horizontal and vertical linkage pan tilt Vue Used in Element Open for the first time el-dialog Solution for not getting element