Vue 渲染页面显示的是的代码????

浮生若梦谁抢了 发布于 07/11 16:23
阅读 260
收藏 0

案例摘要


{{items.summary}}

加载中
0
u啊welcome
u啊welcome

我不使用vue,仅给你个参考,比如用item之前,你有获取变量吗。 

0
知尔
知尔

贴完整代码会比较好查问题

0
浮生若梦谁抢了
浮生若梦谁抢了

问题解决,JavaScript代码放到<head> 中了,渲染顺序变了。

0
StyleOfGe
StyleOfGe

可以使用vue现成的指令来解决这个问题:v-cloak

首先在css中加入:

1 [v-cloak]{
2    display: none;
3 }

然后需要在元素加上:

1 <div v-cloak>
2    {{demo}}
3 </div>

这样,v-cloak所在元素下的变量在未渲染前是不会显示的。

0
yaoyingying
yaoyingying

引用来自“StyleOfGe”的评论

可以使用vue现成的指令来解决这个问题:v-cloak

首先在css中加入:

1 [v-cloak]{
2    display: none;
3 }

然后需要在元素加上:

1 <div v-cloak>
2    {{demo}}
3 </div>

这样,v-cloak所在元素下的变量在未渲染前是不会显示的。

或者

```
<div v-html="items.summary"></div>
*or*
<div v-text="items.summary"></div>
```
这样不会显示代码

返回顶部
顶部