tab toggle in Vue (v-show,v-if)

Today in the use Vue to write tab switch encountered a small pit, is: different options corresponding to the list of rendering I use the v-show to judge, the results found that although the choice list is successful, but the list of rendering style is abnormal, after looking at the data I found that the problem is on the v-show above. V-show The elements are always present in the DOM regardless of whether they match the criteria, only hidden for non-conforming elements. Using v-if, if the element does not meet the criteria, it does not appear in the DOM. I resolved the problem after I switched v-show to v-if.