侧边栏壁纸
博主头像
雾深的技术博客博主等级

行动起来,活在当下

  • 累计撰写 9 篇文章
  • 累计创建 7 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

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

Woolsen
2023-12-15 / 0 评论 / 0 点赞 / 28 阅读 / 1008 字

在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>

0

评论区