问题描述

methods: {sayHi(){alert('hi');}
},
props: {keyword: {default: 'a'},say: {type: Function,default: this.sayHi}
}

函数sqyHi未定义。

官方文档

https://cn.vuejs.org/v2/guide/components-props.html

问题分析

Vue 在初始化实例对象状态的时候，prop 会在一个组件实例创建之前进行验证，在 methods 和 data 之前，所以即使用工厂函数this也不指向组件实例

唯一能与methods共享function的方法是把function单独写在实例外

解决方案

function sayHi() {alert('hi');
}export default {methods: {sayHi,},props: {say: {type: Function,default: sayHi,}}
}

参考文章

https://segmentfault.com/q/1010000019746756/

Vue——props默认值为工厂函数时[工厂函数：undefined]问题解决方案相关推荐

vue props默认值大坑
正常的场景是这样的 <div><el-table :height="tableH"><slot></slot></el-tab ...
定义python函数时如果没有return_定义 Python 函数时,如果函数中没有 return 语句,则默认返回空值 None 。_学小易找答案...
[多选题]因发现核酶而共享诺贝尔化学奖的科学家是(). [简答题]如果是六角梅花,你还可以用什么方法完成? [填空题]如果函数中没有 return 语句或者 return 语句不带任何返回值,那么该函 ...
ios闪屏问题 vue_解决vue更新默认值时出现的闪屏问题
在Vue项目中,对于一个展示用户个人信息的页面.有以下需求,需要判断用户个人信息是否填充过,如果填充过,需要在页面中展示已填充项(未填充项不展示):如果未填充过,需要在页面中显示另外一种元素(提示用& ...
css中默认值的灰色rgb_rgb（）函数以及CSS中的示例
css中默认值的灰色rgb Introduction: 介绍: Functions and properties go hand in hand while developing a website ...
vue el-select默认值
情景:在调取接口后渲染数据时需要将选取的select设为默认值,具体案例为调取省份数据后,根据省份获取其对应的城市数据,并将其对应的el-select默认选中该数据的状态问题:看到网上很多说直接改e ...
mysql创建表的时候日期给个默认值_mysql 创建表时日期字段默认值为当前时间...
mysql 创建表时日期字段默认值为当前时间 mysql version 5.1 在mysql创建表的时候经常会遇到创建日期字段需要设置当前时间为默认值的时候,就如sqlserver2000一样,把 ...
调用函数时在函数名前加“(void)”
在定义函数时,加在函数名前的"void"表示该函数没有返回值.但在调用时,在函数名前加"(void)"的作用又是什么呢? 最明显的一点就是表示程序并不关心调用该 ...
定义python函数时如果函数中没有return语句_定义Python函数时，如果函数中没有return语句，则默认返回空值None。...
真题5年,定义坏账比例损失式是的公确定. 和作关于地位用经济法的,函数函数回空正确下列说法的是. )之行政听证外处罚除涉及(,果认返行都应当公开举,政处规定<行我国>的依据罚法. 者不责任 ...
vue props 属性值接受多个类型 _@jie
labelValue: {type: String | Number | Boolean,required: true,default: 0}

Vue——props默认值为工厂函数时[工厂函数：undefined]问题解决方案