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,
tkinter Implementation of user login interface Vue Invalid render dynamic component in subcomponent ( First invalid , Valid for the second time )9 ride 9 Sudoku C/C++ Memory model TypeScript actual combat -12-TS The mechanism of type checking - Type inference Java Thread safety and insecurity JLink,STLink,DAPLink,CMSIS DAP Differences in use Chapter 10 use SpringMVC Frame transformation of supermarket order management system -1C Language calculation of deposit interest About the Blue Bridge Cup , Things you should know !