当 prop 更新时,我如何调用函数?
父容器:
<div>
<Maintable :type="typeRef" :country="countryRef" />
</div>
子容器:
export default{
props: ['type'],
setup(props)
{
watch(props.type, () => {
console.log('hello')
})
}
这段代码得到一个错误:无效的手表来源...我如何收听 prop 的更新?
希望有人能帮我一把!!:-)
2条答案
按热度按时间72qzrwbm1#
尝试从函数返回prop作为第一个参数:
执行
watch(()=>props.type
而不是watch(props.type
,因为()=>props.type
是一个返回prop的箭头函数,它是watcher属性的参数mzaanser2#
您有两种可能的解决方案:
1.您可以创建计算属性并对其进行监视
1.您可以像这样使用箭头函数