当我们局部引用vue时有时可能会出现问题
问题例子
当我们局部引用Vue实现弹窗问题时,我们想点击按钮让弹窗显示,结果每次刷新弹窗会先出现后隐藏。
出现问题的可能原因
你可能是用的V-if去实现控制弹窗的显示与隐藏如果是请按以下步骤操作试试:
1、将v-if
修改为v-show
;
2、给目标弹窗添加display:none;
属性;
原因:使用vue时,浏览器渲染需要时间,会首先渲染弹窗然后获取到vue的相关操作再控制弹窗显示与隐藏,所以讲v-if
修改为 v-show
并且 设置display:none;
就可以让浏览器在渲染时就不显示弹窗。
总之是因为局部金庸vue惹的祸。