naro

您所在的位置:首页 > 解决方案 > 前端技术 > 正文
Vue.js隐藏渲染时出现{{ XX }}方法 发表时间:2017-08-01 17:06:53 点击:
导言:vue在前端渲染页面时,如果数据没加载过来,会长时间停留在{{ XX }}状态,提供一下方法解决此类问题:

自带的跟angular.js有异曲同工的cloak方法,不过angular里是ng-clock,而vue里是v-clock。

1、在css样式里添加

[v-cloak] {
  display:none !important;
}

2、在需要隐藏的位置添加v-clock方法即可,例如:

<a v-cloak href="{{ data.weburl }}">
    {{ data.catname }}
</a>

简单两步解决问题!