有没有办法清除Vue绑定的数据前后的空间？

Question

我使用的是Vue，绑定后屏幕上有一个空格。Vanilla JavaScript，像纯JavaScript的trim()函数一样，有没有办法擦除前后边距？我将向您展示绑定过程的代码。

Answer 1

我认为你正在经历的是基本的 DOM 解释。当您有一个跨越多行的标签时，浏览器将在任何文本之前呈现一个单词空间。

在大多数情况下，这是一件好事，例如，如果您<span>的文本中有标签，您可能需要在其前面有一个空格。

所以我认为您正在寻找的解决方案很简单：使其成为 1 行

<!-- This will have spaces -->

<div>

  1

</div>

<!-- This will not have spaces -->

<div>2</div>