大佬们遇到过这个问题吗？Vue 中props的函数默认值问题

Question

props中函数默认值，如何执行当前组件的方法？methods:{sayHi(){alert('hi');}},props:{keyword:{default:'a'},say:{type:Function,default:this.sayHi}}无法拿到this.sayHi函数

Answer 1

prop会在一个组件实例创建之前进行验证，所以即使你是用工厂函数this也不指向组件实例唯一能与methods共享function的方法是把function单独写在实例外
functionsayHi(){
alert('hi');
}
exportdefault{
methods:{
sayHi,
},
props:{
say:{
type:Function,
default:sayHi,
},
                            

Answer 2

你好好想想this是啥。两个做法：
如果此props是callback性质的话，建议改为事件绑定。
或者使用计算属性包装，returnthis.say||this.sayHi，然后调用此计算属性。