例如,我在一个页面中有一些较大的跨距(超过300+),每个跨距有{{expr}}个绑定来显示其内容:

<span>{{expr}}</span>

页面加载后,文本{{expr}}将立即闪烁显示在页面上,然后VueJS将接管并显示真正的绑定值.这对客户来说很糟糕,有什么办法可以避免吗?

推荐答案

v-cloak是您要查找的HTML属性.

在关联的Vue实例完成编译之前,该指令将保留在元素上.与CSS规则(如[v-cloak] { display: none })相结合,该指令可用于隐藏未编译的胡须绑定,直到Vue实例就绪.

Vue.js相关问答推荐

使用nuxt I18N验证规则消息翻译

我如何使用vuejs访问彼此嵌套的json对象

我在 nuxt2 中看不到索引页

查看 cli3 启用 CORS

为什么当我 Select 第二个输入框时音译transliteration不起作用?

更新 vue.js 中的数据属性/对象

Vue-test-utils:在单个测试中多次使用 $nextTick

当 v-for 与对象的属性一起使用时,将 v-model 与复选框一起使用

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入?

Vue:如何在按钮单击时调用 .focus()

VueJS错误编译模板

为什么 Vue.js 使用 VDOM?

动态更改我的 Vue.js SPA 主题的最佳方式?

如何将 git hash 添加到 Vue.js 组件

vuex - 即使不推荐,是否可以直接更改状态?

如何在 Vuetify DataTable 组件中设置初始每页行数值?

Vue.js 3 - 替换/更新react性对象而不会失go react性

在 Chrome DevTools 中实时更改时 destruct 了 Vue.js 应用程序(Webpack 模板)的页面样式

如何使用vue js判断组件本身的数据何时发生变化?

如何删除 vue cli 2?