处理换行问题

src/views/product/index.vue

@@ -125,11 +125,11 @@ onMounted(
   <el-table :data="tableData" style="width: 100%">
     <el-table-column prop="project" label="所属项目" min-width="200"></el-table-column>
     <el-table-column prop="prd_version" label="版本" min-width="200"></el-table-column>
-    <el-table-column prop="prd_doc_link" label="产品原型链接" min-width="300">
+    <el-table-column prop="prd_doc_link" label="产品原型链接" min-width="300" show-overflow-tooltip>
       <template v-slot="scope">
         <a target="_blank" style="color:#007bff;" v-if="scope.row.prd_doc_link!=null"
            v-bind:href="scope.row.prd_doc_link">
-          {{ scope.row.prd_doc_link }}
+          {{ scope.row.prd_doc_link.length > 30 ? scope.row.prd_doc_link.slice(0, 30) + '...' : scope.row.prd_doc_link}}
         </a>
         <!--        <span v-else> {{ scope.row.prd_doc_link }}</span>-->
       </template>
@@ -141,7 +141,7 @@ onMounted(
             popper-class="custom-tooltip"
             effect="dark"
             :raw-content="true"
-            :content="row.prd_comment"
+            :content="row.prd_comment.split('\n').join('<br>')"
             placement="top-end">
           <span>{{ row.prd_comment.length > 10 ? row.prd_comment.slice(0, 10) + '...' : row.prd_comment }}</span>
         </el-tooltip>