为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

HUH函数 2018-10-12 14:15:53
在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却是一个空对象,如何做到子组件在父组件中获取到数据并二次修改再次修改然后输出呢?
查看完整描述

1 回答

?
牛魔王的故事

TA贡献1830条经验 获得超3个赞

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


查看完整回答
反对 回复 2018-11-10
  • 1 回答
  • 0 关注
  • 2197 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号