Vue字符串中如何添加多个空格

Vue字符串中加多个空格

在vue中，如果一个字符中连续有多个空格，实际显示时只有一个空格。

如果要显示多个空格，需要添加的空格的字符是："\xa0"，即 \u00A0

\u00A0 是不间断空格

let sepDot = '\xa0 • \xa0';

三种空格unicode （ \u00A0，\u0020，\u3000 ）

1.不间断空格 \u00A0

2.半角空格(英文符号) \u0020，代码中常用的

3.全角空格(中文符号) \u3000，中文文章中使用

vue中空格符号

在Vue中，你可以使用空格符号 ({{ }}) 来渲染 HTML。例如：

<template>
  <div>
    <p>我的名字是{{ name }}</p>
  </div>
</template>
 
<script>
export default {
  data () {
    return {
      name: '小明'
    }
  }
}
</script>

渲染结果为:

我的名字是小明

在Vue中，空格符号 ({{ }}) 可以用来渲染各种类型的数据，包括字符串、数字、布尔值、数组和对象等。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。