美文网首页
解决Vue前端多空格自动省略为一个空格问题

解决Vue前端多空格自动省略为一个空格问题

作者: Coder_JdHo | 来源:发表于2022-09-21 18:43 被阅读0次

添加如下标签样式即可

style="white-space:pre;"

如果在table中不生效,可使用template、span

<el-table-column prop="xxx" label="abc" align="center" min-width="150" show-overflow-tooltip>
            <template slot-scope="scope">
              <span v-html="scope.row.xxx" style="white-space:pre;"></span>
            </template>
</el-table-column>

相关文章

网友评论

      本文标题:解决Vue前端多空格自动省略为一个空格问题

      本文链接:https://www.haomeiwen.com/subject/ikhiortx.html