重装页面时如何隐藏vue js代码？ [英] How to hide vue js code when reload page?

问题描述

我有一个用Vue编码的网页应用程序，在HTML加载页面中使用代码视图重新加载Vue代码并隐藏。

I have a webpage application coded with Vue when reload page the code of Vue in the HTML load with code view and hide.

我需要隐藏此代码重新加载页面

I need to hide this code when reload page

<script src="cdn.jsdelivr.net/npm/vue"></script> <script src="cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script> 

推荐答案

看看 v-cloak ，它是一个防止此行为的指令。

Take a look at v-cloak, it is a directive to prevent this behavior.

在你的css文件中添加：

In your css file you add this:

[v-cloak] {
  display: none;
}

对于文本，您可以添加 v-cloak 属性

And for the text you add the v-cloak attribute

<div v-cloak>
  {{ message }}
</div>

这篇关于重装页面时如何隐藏vue js代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！