使用v-show时，当isshow:false时，在页面刷新的过程中，isshow依然会短暂显示一下...

<div id="app">

　　<div v-show="isshow" v-cloak></div>

</div>

new Vue({// vm控制的区块为id为app的div，此div中的所有vue指令均可以被vm解析el:'#app',data:{// 数据 （MVVM中的Model）isshow:false,},methods:{toggle:function(){this.isshow = !this.isshow;}}});

　　在使用上述代码时，即使我 isshow:false，但是页面在刷新的过程中，div依然会短暂的出现。

解决：

<style>[v-cloak] {display: none;  }
</style>

原理:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

转载于:https://www.cnblogs.com/liuwei54/p/9107023.html

使用v-show时，当isshow:false时，在页面刷新的过程中，isshow依然会短暂显示一下...相关推荐

当 el-form 组件下只有一个 el-input 组件时，按回车键会导致页面刷新
当 el-form 组件下只有一个 el-input 组件时,按回车键会导致页面刷新的问题可能是由于浏览器默认的表单提交行为所导致的.解决此问题的一种方法是使用 @submit.native.prev ...
Oracle安装时安装界面为灰色卡住不动,Oracle安装过程中常遇到的问题
来源: 互联网作者: rocket 2008-03-19/11:13 目录一.sybase12.5 for NT版本在win2000平台安装,界面中文字符出现乱码问题二.sybase在网络共享或 ...
html 页面滚动时 div位置不变,js实现页面刷新滚动条位置不变
今天因为这个问题困扰了很久网上的例子都尝试没效果,后来发现一点原来是内容最外层没有div的原因 protected override bool HeaderScriptFilter(Topevery. ...
编译时多态、运行时多态
根据何时确定执行多态方法中的哪一个,多态分为两种情况:编译时多态和运行时多态.如果在编译时能够确定执行多态方法中的哪一个,称为编译时多态,否则称为运行时多态. 一.编译时多态方法重载 ...
讯时网关通话过程中的功能键失灵，已解决
环境: elastix 1.6 讯时MX60-16S口网关症状: 在分机通话过程中,按asterisk的功能键失灵,比如转接键##,三方通话*11, 起初怀疑是讯时网关的功能键与asterisk的冲 ...
allow_pickle什么意思_如何修复草图算法中“当allow_pickle=False时无法加载对象数组”...
我在jupyter笔记本上运行sketch_n.ipynb,在加载环境以加载经过训练的数据集时,它返回一个错误"当allow_npickle=False时无法加载对象数组" 这是g ...
validationGroup和Page_ClientValidate（）配合使用解决前端click事件返回为false时验证失效问题
一.问题出现场景场景:我在做项目的时候在同一页面两块区域分别由自己要验证的东西,其中有一块区域的button有OnClientClick和OnClick两个事件,需要通过OnClientClick进 ...
Enabled设置为False时,前景色和背景色也不改变的TextBox 并居中
1.公共方法 public class MyTextBox : TextBox { protected override void OnEnabledChanged(EventArgs e) ...
写时复制，写时拷贝，写时分裂，Copy on write
2019独角兽企业重金招聘Python工程师标准>>> 写时复制,写时拷贝,写时分裂 (Copy-on-write,简称COW)是计算机资源管理方面的一种优化技术,有着广泛的应用,比 ...

使用v-show时，当isshow:false时，在页面刷新的过程中，isshow依然会短暂显示一下...

使用v-show时，当isshow:false时，在页面刷新的过程中，isshow依然会短暂显示一下...相关推荐

最新文章

热门文章