Vue 打开时会出现如:{{message}}怎么解决呢?


想要解决打开页面出现{{message}},

我们需要使用  “隐身斗篷”  :  v-cloak

举个例子:

<div id="app">

</div>

我们通过 el:“#app" 挂载到app 这个大的div中

然后我们:

<div id="app"  v-cloak> //在这里加上斗篷

</div>

然后再<style>

[v-cloak]{

  dispaly:none;

}

</style>

这样就可以了,保证不会显示{{message}},

如果有特殊需求,就是要显示{{message}}的话,

那么,可以 使用 v-pre  ,就不会去vm中找值了,就只会显示{{message}}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM