element ui組件中穿梭框內容顯示不全解決方式


引用element ui時,很多組件自帶的樣式並不能滿足功能需求,比如穿梭框數據內容過長,如下:

 

 

 解決方式有兩種:

1.改變穿梭框的寬度,在工程中全文搜索.el-transfer-panel,找到定義這個類的地方,修改寬度。

2.鼠標移入數據時顯示完整數據,用穿梭框的render-content屬性。

<new-transfer ref="quickbom" :moveable=true target-order="push"  :render-content="renderFunc" style="text-align: left; display: inline-block" v-model="transfervalueBOM" filterable :titles="['全選(可選屬性)', '全選(導出屬性)']" :format="{
                    noChecked: '${total}',
                    hasChecked: '${checked}/${total}'
                  }" @change="handleChangeBOM" :data="transferdataBOM">
  </new-transfer>
renderFunc(h,option){
      return <span title={option.label}>{option.label}</span>
    },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM