正则将空格替换为 之后html上直接用文本展示了，并没有转化为空格

Question

正则将空格替换为 之后html上直接将这个 展示为文本了，并没有替换成空格，这个该怎么改呢？我的代码是：this.preTestSpeedData = this.preTestSpeedData.replace(/\s+/g,' ');

Answer 1

你可以尝试一下v-html，应该可以解决你现在的困境。

<div v-html="preTestSpeedData"></div>

Answer 2

<div id='div'></div>

  <script>
    var text = ' This is  a   dummy   text!    ';    document.getElementById('div').innerText = text.replace(/ /g, '\u00a0');  </script>

用 ' ' 只有设置为 innerHTML 有效，用 '\u00a0' 设置 textContent, innerHTML, innerText都有效