uniapp构建QQ小程序时v-show失效问题

在uniapp项目的开发过程中，遇到了一个问题，在使用 v-show 时，在 build:mp-qq 构建下无法正常 生效，而在 dev:mp-qq 开发环境下却可以正常工作

问题发现

通过调试和排查，我发现问题原因是与app.qss样式在 build:mp-qq 构建下，以下样式未生成导致了 v-show 失效：

[data-custom-hidden="true"] { 
    display: none !important;
}

解决方法

可通过自定义样式手动设置 display: none;，从而实现 v-show 的 效果。以下是解决问题的代码示例：

<template>
  <view>
    <view :style="{ display: hidden ? 'none' : '' }">Content</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 通过自定义变量控制元素的显示与隐藏
      hidden: true,
    };
  },
};
</script>