vue项目解决vue代码块屏幕闪动？

1条回答我要回复

黑豹1250天前

项目中使用vue，页面经常因为没完成渲染而出现vue代码块，造成屏幕闪动。
解决的方法：使用v-cloak 
例：<template>
<div >
<span v-cloak>{{ content }}</span>
</div>
</template>

<script>
export default {
name: "hello",
data() {
return {
content: "测试"
};
}
};
</script>

<style scoped>
/* v-cloak这个属性会在页面渲染前作用于对应dom 在渲染完毕这个里面的样式将被移除 */
[v-cloak] {
display: none;
}
</style>