【报Bug】v-if 在微信小程序中的表现出现错误，当函数返回三个true时，这个条件就不会成立。h5没有问题。

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.2.16

第三方开发者工具版本号： 1.05.2106250

基础库版本号： 2.21.1

项目创建方式： HBuilderX

示例代码：

<template v-if="one() && two() && three()">  
    哈哈哈  
</template>

methods: {  
    one() {  
        return true;  
    },  
    two() {  
        return true;  
    },  
    three() {  
        return true;  
    }  
}

操作步骤：

新建uniapp项目，将上述代码粘贴到页面中即可复现。

预期结果：

这个条件应该是成立的

实际结果：

在微信小程序中，这个条件不成立，判断里的内容不显示。

bug描述：

在微信小程序中无法显示条件判断中的内容，说明条件未成立。
h5中就会显示内容。

2021-12-15 16:54 负责人:无分享

1 个回复

ru1er (作者)

奇怪的是，两个条件的时候，这个就又显示了。

<template v-if="one() && two()">  
    哈哈哈  
</template>

这样就显示了。这是什么情况？

这是编译到微信小程序的样子：

<view class="content">  
  <image class="logo" src="/static/logo.png"></image>  
  <view class="text-area"><text class="title">{{title}}</text></view>  
  <block wx:if="{{$root.m1}}">哈哈哈</block>  
</view>

a***@foxmail.com

其实这种语法不是很推荐，用computed 他不香么？

2021-12-15 17:42

该问题目前已经被锁定, 无法添加新回复

【报Bug】v-if 在微信小程序中的表现出现错误，当函数返回三个true时，这个条件就不会成立。h5没有问题。

示例代码：

`<template v-if="one() && two() && three()"> 哈哈哈 </template>`

`methods: { one() { return true; }, two() { return true; }, three() { return true; } }`

操作步骤：

新建uniapp项目，将上述代码粘贴到页面中即可复现。

预期结果：

这个条件应该是成立的

实际结果：

在微信小程序中，这个条件不成立，判断里的内容不显示。

bug描述：

1 个回复

公告

相关问题

【报Bug】v-if 在微信小程序中的表现出现错误，当函数返回三个true时，这个条件就不会成立。h5没有问题。

示例代码： <template v-if="one() && two() && three()"> 哈哈哈 </template> methods: { one() { return true; }, two() { return true; }, three() { return true; } }

操作步骤： 新建uniapp项目，将上述代码粘贴到页面中即可复现。

预期结果： 这个条件应该是成立的

实际结果： 在微信小程序中，这个条件不成立，判断里的内容不显示。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template v-if="one() && two() && three()"> 哈哈哈 </template>`

`methods: { one() { return true; }, two() { return true; }, three() { return true; } }`

操作步骤：

新建uniapp项目，将上述代码粘贴到页面中即可复现。

预期结果：

这个条件应该是成立的

实际结果：

在微信小程序中，这个条件不成立，判断里的内容不显示。