处理换行问题

main
RogerWork 1 day ago
parent 157168903d
commit b6c2372242
  1. 6
      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>

Loading…
Cancel
Save