uniapp 支付宝小程序 v-show无效 uniapp踩坑日记

java小庆

已于 2023-03-16 09:15:08 修改

阅读量2.2k

点赞数 1

分类专栏： uni-app 文章标签： vue.js

于 2020-09-15 09:27:20 首次发布

本文链接：https://blog.csdn.net/lq545209147/article/details/108592886

版权

uni-app 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文描述了在uni-app开发过程中遇到的一个问题：支付宝小程序中v-show属性无法正常工作，导致元素不应显示时仍被展示。通过使用v-if替代v-show，并结合自定义样式隐藏元素的方法成功解决了这一问题。

摘要由CSDN通过智能技术生成

今天在uni-app开发过程中,发现支付宝中的v-show全部展示出来了.

<template>
	<view v-show="show">hello word 2 v-show</view>
	<view v-if="show">hello word 2 v-show</view>
</template>

<script>
export default {
	data(){
		return {
			show : false
		}
	}
}
</script>

上述代码支持

语法	微信小程序	支付宝小程序
v-show	✓	✕
v-if	✓	✓

解决方案

<style>
.hidden{
	display: none !important;
}
</style>
<template>
	<view v-show="show" :class="{'hidden' : show}">hello word 2 v-show</view>
</template>