elementUI如何解析/n换行符？

作者站长头像
站长
· 阅读数 14

数据这样：carRemark: "时间段：2022-09-20至2022-10-19 车牌号：黑ACE582\n时间段：2022-08-20至2022-09-19 车牌号：黑ACE582"下面这样展示的时候都是在一行没有解析出/n 后来我这样写<div v-html="scope.row.carRemark"></div> 还是没有显示换行 这是怎么回事？

<el-popover
  placement="right"
  trigger="hover"
>
          {{scope.row.carRemark}}
          <div slot="reference" style="overflow: hidden;text-overflow:ellipsis;color:rgb(16, 146, 239);">备注</div>
</el-popover>
回复
1个回答
avatar
test
2024-07-20

试试放至表单元素（input textarea）或者 <pre></pre> 标签里

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容