参与vue开发的程序员都知道,页面{{data.xxx}}绑定到标签上的,在页面获取数据加载的时候会有一瞬间的显示问题如下图

后台是这样写的:
<p class='weui-media-box__desc'>病情描述:{{item.OrderContent}}</p>
<p class='weui-media-box__desc'>下单时间:{{item.Create_time}}</p>
之后改为这种形式:
<p class='weui-media-box__desc'>病情描述:<label v-html="item.OrderContent"></label></p>
<p class='weui-media-box__desc'>下单时间:<label v-html="item.Create_time"></label></p>
就不会出现这种情况
第二种方法就是在CSS中添加
[v-cloak] {
display: none;
}
即可解决此问题

2280

被折叠的 条评论
为什么被折叠?



