赞
踩
最近在做项目优化时遇到的一个问题
<el-drawer :visible.sync="drawer"></el-drawer>
export default {
data(){
return{
drawer:false,
}
}
}
当该组件作为子组件使用,点击判断是否拥有该组件会导致组件闪烁问题
处理方式:
在该组件加载完毕时通过再次渲染避免第一次闪烁问题
<el-drawer :visible.sync="drawer">
</el-drawer>
data() {
return {
drawer: false,
};
},
created(){
this.$nextTick(()=>{
this.drawer=true
})
},
vue还提供v-cloak方式
<el-drawer v-cloak :visible.sync="drawer">
</el-drawer>
<style>
[v-cloak] {
display: none;
}
</style>
v-cloak指令的作用:防止页面加载时出现闪烁问题(解决插值表达式的闪烁问题);
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。