CSS在重新加载页面时在vuej中中断

l2osamch 于 2023-02-06 发布在其他

关注(0)|答案(1)|浏览(138)

当我重新加载这页的css是打破在vuejs

我试图改变CSS从我的appyvue，但没有发生任何事情，它是有同样的问题。

1条答案

为了避免这种情况，可以使用v-cloak。这个指令用于隐藏元素，直到Vue示例完成编译。这在处理由Vue示例生成的动态内容时很有用，并且我们希望在加载内容时避免页面的任何 Flink 或跳跃。
去查官方文件。

const app = Vue.createApp()

app.mount('#app')

#app[v-cloak] {
  display: none
}

section {
  width: 200px;
  height: 200px;
  background-color: lightcyan
}

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

<div id="app" v-cloak>
  <section></section>
</div>