TuiPlus
TuiPlus
  • 发布:2023-10-20 13:04
  • 更新:2023-10-20 14:21
  • 阅读:551

uniapp -x计算属性的正确使用方法,uniapp -x是否支持计算属性传参

分类:uni-app x
<template>  
    <view class="content">  
        <text>计算属性传参测试</text>  
        <view class="">{{testcomputed(param)}}</view>  
    </view>  
</template>  

<script>  
    // import { type styleType } from '@/uni_modules/t-view/interface/style.uts'  
    export default {  
        data() {  
            return {  
                title: '',  
                param:'测试'    
            }  
        },  
        computed: {  
            //写法一  
            // testcomputed(val:string) : string {  
            //  return val  
            // }  
            //写法二  
            // testcomputed() : string {  
            //  const a : string = (val : string) : string => {  
            //      return val  
            //  }  
            //  return a.toString()  
            // }  
            //写法三  
            testcomputed() : string {  
                return (val : string) : string => {  
                    return val  
                }  
            }  

        },  
        onShow() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

以上写法都不能通过编译,咨询一下正确写法,官方demo找不到相关用法。

2023-10-20 13:04 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

不可以传参数
参考文档:https://v2.cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7

  • 爱豆豆

    如果你要传参数的话 直接在methods中写个方法调用更合适

    2023-10-20 14:20

  • TuiPlus (作者)

    回复 爱豆豆: vue项目是可以的。计算属性有缓存,methods没有缓存

    2023-10-20 22:07

要回复问题请先登录注册