超出文字字数弹框显示滚动条

最新推荐文章于 2024-01-16 16:41:44 发布

反转'

最新推荐文章于 2024-01-16 16:41:44 发布

阅读量235

点赞数

分类专栏： element 文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/qq_16795789/article/details/129687791

版权

element 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<el-table-column label="Error Info." width="300">
   <template slot-scope="scope">
   <el-popover
       placement="top-start"
       width="300"
       trigger="click"
       v-if="scope.row.aerrorinfo != undefined && scope.row.aerrorinfo !=''"
   >
       <div style="width:100%;">
       <el-scrollbar
           wrap-class="list"
           wrap-style="color: white;"
           view-style="font-weight: normal;"
           view-class="view-box"
           :native="false"
       >
           <div
           style="width:100%;min-height: 80px;margin-right:-17px;margin-bottom:-17px;margin-top:5px;overflow:hidden;padding-right:-10px"
           >
           <textarea
               v-model="scope.row.aerrorinfo"
               style="width:107%;height:150px;color: #e23442;border: none;padding-right:30px;word-wrap:break-word;"
           ></textarea>
           </div>
       </el-scrollbar>
       </div>
       <span slot="reference">{{scope.row.aerrorinfo.substr(0,150)+'...'}}</span>
   </el-popover>
   </template>
</el-table-column>