vue v-if和v-show的闪烁问题
1、使用v-if控制一个按钮的显示时,会出现加载时闪烁的问题造成用户体验不好。网上的解决方式使用v-cloak<el-button v-if="isRoles" v-cloak class="filter-item" type="primary" icon="el-icon-circle-plus-outline" @click="addBroker">添加</el-button
·
1、使用v-if控制一个按钮的显示时,会出现加载时闪烁的问题造成用户体验不好。网上的解决方式使用
v-cloak
<el-button v-if="isRoles" v-cloak class="filter-item" type="primary" icon="el-icon-circle-plus-outline" @click="addBroker">
添加
</el-button>
<style type="text/css">
[v-cloak]{
display: none !important;
}
</style>
但是对于我没效果。
2、可以换一种思路,闪烁问题是按钮先有再消失。那么我使用v-if来控制设置他初始值
isRoles=false
只有正确时才返回true。那么就是最开始false就不会闪烁。而当为true时出现但一直在,这样用户体验还行就解决问题
更多推荐
已为社区贡献2条内容
所有评论(0)