vue v-if 与v-shows 的区别

v-if=" isShow" 

如果是isShow=false的话,相应的Dom的元素根本就不会被创建.

初始化时若isShow=true,则相应的Dom元素会被创建,当isShow再次被赋值为false时,之前创建的Dom元素也会被删除.

v-shows="isShow"

如果是isShow=false的话,相应的Dom的元素会被创建,只是不显示.

初始化时若isShow=true,则相应的Dom元素会被创建,当isShow再次被赋值为false时,之前创建的Dom元素只是被隐藏.

项目实际遇到的问题:

在初始化时isMarkDetShows被赋值为false,此时manDetails还没有被创建,在语句

this.vM.$refs.wrap_maker_details.style.top=top-this.vM.$refs.manDetails.clientHeight/2+'px';

则会这样的报错:

扫描二维码关注公众号，回复： 5415634 查看本文章