Vue中的插值闪烁问题

     使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的{{}},加载完毕后才显示正确数据,我们称为插值闪烁。 尤其在网速比较慢的时候比较明显。

【解决方案】使用v-textv-html指令来替代{{}}

  • v-text:将数据输出到元素内部,如果输出的数据有HTML代码,会作为普通文本输出,推荐使用v-text
     
  • v-html:将数据输出到元素内部,如果输出的数据有HTML代码,会被渲染。

猜你喜欢

转载自blog.csdn.net/u013089490/article/details/83650549