【Vue3】Vue的v-show无效

vue版本

Vue 3.2.45

出错代码↓

• 代码没有任何报错与问题。
  

不生效原因

因为有css属性diaplay:flex, 所以不生效。

解决方法

• 元素外部套个div元素，v-show用在外部这个div即可。

• v-show是diaplay属性，若一个元素已有display属性了，v-show发生冲突。