vue中用v-html渲染出来的数据不会自动换行

Question

   </div>-->
                                <div class="ke-post " v-if="goodPage.data"
                                     v-html="this.goodPage.data.info.goods_desc">
                                </div>

什么方法都试过了，就是不换行

Answer 1

<div class="ke-post " v-if="goodPage.data"
     v-html="this.goodPage.data.info.goods_desc.replace(/\r?\n/g, '<br />')">
</div>

Answer 2

数据不会换行?那你的div的宽度是多少?你设置了超出换行的属性了吗?

Answer 3

怎么个不会自动换行？是<br>无效吗？
你white-space属性的值是多少？

Answer 4

你的goods_desc是怎么样的？

Answer 5

因为v-html不会识别换行符 除非里面有标签

Answer 6

添加样式 white-space: pre-wrap;

Answer 7

是scoped,所以样式不生效