"无间断空格" U+00A0

277 阅读1分钟
  • 普通空格 : U+0020
  • 无间断空格 : U+00A0

这是个很恶心的坑,话不多说,举个例子

先写两个 “不一样” 的时间组件

<!--错误的-->
<el-date-picker type="datetime" format="yyyy-MM-dd HH:mm:ss" :value="2023-01-13 14:38:25" >
</el-date-picker>

<!--正确的-->
<el-date-picker type="datetime" format="yyyy-MM-dd HH:mm:ss" :value="2023-01-13 14:38:25" >
</el-date-picker>

我没写错,这两个确实不一样

注意value绑定的值,这里面的“空格”是不一样的,然而这根本无法用肉眼区分

第一个:用了“无间断空格”,导致组件无法正确渲染(如果在vscode里输入这个,编辑器还会有提示)

第二个:用了普通的空格,也就是在英文输入状态下,直接按空格键输入的东西