vuejs在子组件中如何调用计算属性?

枫s的思念
  • 2.4k

在vue中子组件获取一个来自父组件中的值并处理,使用ref注册并在父组件中引用$refs获取该组件实例,但是如果需要父组件传递给子组件数据再计算,该如何写呢?代码如下:

export default{
    data(){
        return{
            parentMsg:'hello!'
        }
    },
    components:{
        child:{
            props:['inputMessage'],
            template:'<span>{{inputMessage}}</span>'
        },
        'child-secound':{
            props:['inputMessage'],
            template:'<span>{{lowerCase}}</span>',
            computed:{
                lowerCase(){
                    return this.$refs;
                    // return this.inputMessage.toLowerCase();
                }
            }    
        }
        
    },
}

这里我想用从父组件获取的数据inputMessage 在子组件中进行二次处理再输出出来,使用到计算属性,但是这里的return this.$refs却是一个空对象,如何做到子组件在父组件中获取到数据并二次修改再次修改然后输出呢?

回复
阅读 4.2k
2 个回答

一般不是 lowerCase: function(){...}这么写么

你这个问题最后怎么解决的?

宣传栏