当前位置: 首页 > Web前端 > JavaScript

解决vue中使用v-html解析table不显示行的问题

时间:2023-03-26 23:36:53 JavaScript

需要导出的html的内容为:"12344


abcdefg1234567"开头,用v-html来解析富文本表格中的表格,代码如下:
页面渲染如下图,表格中的实线框不渲染。实线框不渲染的原因是因为v-html是富文本渲染的,所以如果表格中没有设置样式,需要手动添加样式!解决方法:设置样式对于呈现的表格
//css.html{table{border-collapse:collapse;}td,th{border:1pxsolid#ccc;min-width:50px;height:20px;}th{background-color:#f1f1f1;}}这样table表格就可以渲染成功