ant design初尝试遇到的问题---table插槽以及title不识别<br/>的问题

?

1 2 3 4 5 6 7 8 9

<template      slot="reason"      slot-scope="text"    >      <div class="reasonText"           :title="(text+'').replace(/<br \/>/g, '\r\n')"    // title只识别\r\n换行           v-html="text"      />    </template>

　　

?

1 2 3 4 5 6 7

// 表格的Columns<br> {           title: '原因',           dataIndex: 'reason',           ellipsis: true,           scopedSlots: { customRender: 'reason' },           width: '500px'         },

        {

          title: '名称',

          dataIndex: 'name',

          key: 'name',

          customRender: (text, record, index) => {

            return (

              <span

                class="text-active pointer"

                onclick={() => this.toDetail(record)}

              >

                {{ text }}

              </span>

            )

          }

        },

　　

?

1 2 3 4 5 6 7

// 超过4行显示省略号<br>.reasonText{   overflow: hidden;   text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 4;   -webkit-box-orient: vertical; }