Vue 3 删除内联块元素之间的空白

Question

Vue 3 删除了内联块元素之间的空白。这意味着我必须返回浏览相当多的网站并更新 CSS，然后才能安全地从版本 2 升级。有没有办法关闭此功能？

请参阅以下示例：

<ol>
    <li style="display: inline-block"><a href="#">A</a> &raquo; </li>
    <li style="display: inline-block"><a href="#">B</a></li>
</ol>

这是 Vue 2 中的相同示例：

Answer 1

从 Vue 3.1.0 开始就支持这一点。请参阅https://github.com/vuejs/core/pull/1600了解更多信息。

基本上现在您需要在创建应用程序时添加以下内容：

app.config.compilerOptions.whitespace = 'preserve';

这是更新的示例：