vue2.0用js和jquery设置包含v-if的组件样式无效的的情况

昨天下午做毕设的时候动态设置弹框的css样式一直无效,查看网页源代码后发现动态设置的样式并没有被加到设置的弹框的样式中,一直到今早突然恍然大悟,由于我设置弹框的显示和隐藏是用v-if控制的,v-if在网页加载的时候如果条件为假的话就不做任何操作,所以我动态加入的样式无法被成功插入到弹框里面,而另一种切换显示与不显示的方法的办法v-show则是在网页载入的时候不管真假都会载入只是css样式设置为不显示或者显示,所以只要将v-if改为v-show便能够使得动态设置的样式成功添加到弹框中去。同时频繁切换显示隐藏的话也是v-show比较好

猜你喜欢

转载自blog.csdn.net/vegaslemon/article/details/78624709
今日推荐