1.首先在table中添加插槽

            <a-table
              :columns="Colnums"
              :data-source="tableData"
              :pagination="{ pageSize:20 }"
              style="margin-top:16px"
              bordered>
              <div
                slot="txt"
                slot-scope="value">
                <span style="white-space: pre-line" >
                  {{ value }}
                </span>
              </div>
            </a-table>

2.在表格属性中添加scopedSlots

        {
          title: '内容',
          dataIndex: 'txt',
          key: 'txt',
          width: 450,
          scopedSlots: { customRender: 'txt' },

        }, 

3.在数据处理中,将换行分隔符转化为'\n'

desc_txt.replace(/<br>/g, '\n')

搞定~~~~~

我的理解是~~其实也就是把表格里的东西放到一个html的标签中,然后使其可以解析换行的标签

Logo

前往低代码交流专区

更多推荐