uniapp微信小程序DOM元素v-show失效

问题代码

<div class="go-pc" v-show="goPcInfo.closable">
  <span>{{ goPcInfo.info }}</span>
</div>

<style lang="less" scoped>
#app {
  .editArea {
    .go-pc {
      display: flex;
      background: #e3f2ff;
      padding: 32rpx 36rpx;
      position: relative;
      ......

出现这个问题原因是因为.go-pc元素为flex，v-show本质为none、block，优先级比flex低, 所以解决这个问题只需要将v-show修改为v-if

<div class="go-pc" v-if="goPcInfo.closable">
  <span>{{ goPcInfo.info }}</span>
</div>