在element-ui的表格里进行换行

Element-UI表格内容换行解决方案

最新推荐文章于 2024-06-13 14:34:12 发布

原创最新推荐文章于 2024-06-13 14:34:12 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

工作学习同时被 2 个专栏收录

20 篇文章

订阅专栏

vue

15 篇文章

订阅专栏

本文介绍了如何在使用Element-UI库构建的表格组件中实现内容换行，通过示例代码和实际效果展示了解决方法。

效果图
在这里插入图片描述
html

<el-table-column
          prop="desc"
          label=""
          width="780">
           <template slot-scope="scope">
             <tr v-html="scope.row.desc.join('')"></tr>
              <!-- <span style="margin-left: 10px">{{ scope.row.desc}}</span> -->
      </template>
        </el-table-column>

 getDetailRules(this.hash).then(res=>{
      var arr = []
      for(var key in res){
        var o = {}
        o.prop = key
         var arr2 = res[key]
         var arr1 = arr2.map(function(item){
           return item + '</br>'
         })
		o.desc = arr1
        arr.push(o)
      }
      this.content = arr
      console.log(this.content)
    })