Ling317
Ling317
  • 发布:2018-10-25 16:36
  • 更新:2021-02-15 00:24
  • 阅读:32438

uni-app v-if不能使用函数返回值作为判断条件

分类:uni-app

uni-app v-if不能使用函数返回值作为判断条件
<template>
<view v-if="test(v)">{{v}}</view>
</template>
<script>
export default {
data() {
return {
v: 100
}
},
methods:{
test(val){
if(val >0){
return true;
}else{
return false;
}
}
}
};
</script>
不起作用

2018-10-25 16:36 负责人:无 分享
已邀请:
jtshushu

jtshushu - 擅长:PHP-Thinkphp Python MUI UniApp Vuejs Bootstrap Jq Logo设计 广告设计 网页设计 有项目上需要联系我微信号:jtshushu66

<template>  
    <view v-if="test22(v)">{{v}}</view>  
</template>  
<script>   
    export default {           
        data(){  
            return{  
                v: 100  
            }  
        },  
         methods: {  
                test22:function(vvv) {  
                    if (vvv > 0) {  
                        return true;  
                    } else {  
                        return false;  
                    }  
                }  
            }  

        }  

</script>   
可以显示 100
l***@qq.com

l***@qq.com

研究了一下,发现只能用computed,计算test的属性。

<template>  
    <view v-if="test(v)">{{v}}</view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                v: 0  
            }  
        },  
        computed: {  
            test: function() {  
                return function(val) {  
                    if (val > 0) {  
                        return true;  
                    } else {  
                        return false;  
                    }  
                }  
            }  
        },  
        methods: {  

        }  
    };  
</script>
Ling317

Ling317 (作者)

请问有什么办法解决这个问题

青伢子

青伢子

模板里面貌似都不支持methods中的函数,试试简单的三元表达式,或者计算属性,方法是不行的。

7***@qq.com

7***@qq.com

官方文档里说了不支持在template中使用函数,用计算属性,或者子组件替代(子组件适用于v-for循环里面)

jtshushu

jtshushu - 擅长:PHP-Thinkphp Python MUI UniApp Vuejs Bootstrap Jq Logo设计 广告设计 网页设计 有项目上需要联系我微信号:jtshushu66


 <view v-if="test">  
                <view>111test 为 true 时显示</view>  
            </view>  
            <view v-else>  
                <view>222test 为 false 时显示</view>  
            </view>  

<script>   
    export default {           
            data() {  
                return {       
                    test:true,   

                }  
            }  
        }  

</script> 

会显示这个 “111test 为 true 时显示”

白月

白月

接口钟动态数据怎么做?

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