el-table数据中特殊字符tooltip换行展示并且列表中超出显示省略号

 <el-table-column prop="baMsg" label="描述信息">

             <template slot-scope="scope">

                <el-tooltip class="item" effect="dark" placement="top-start">

                  <template slot="content">

                    <span v-html="scope.row.baMsg" style="white-space:pre-line;"></span>

                  </template>

                     <span class="bsMsg-tooltip">            

                       {{ scope.row.baMsg }}

                     </span>

                 </el-tooltip>

             </template>

 </el-table-column>

.bsMsg-tooltip{

    display: inline-block;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

baMsg:'小记\r\n缺陷问题'