我怎么能在组合 api 中观看道具?

问题描述

如何在更新 prop 时调用函数

父容器

<div>     
  <Maintable :type="typeRef" :country="countryRef" />
</div>

子容器:

    export default{

    props: ['type'],setup(props)
    {   
        watch(props.type,() => {
            console.log('hello')
        })
    }

代码出现错误:无效的监视源... 如何监听道具更新?

希望有人能帮帮我!! :-)

解决方法

尝试从函数返回 prop 作为第一个参数:

    export default{

    props: ['type'],setup(props)
    {   
        watch(()=>props.type,(newVal) => {
            console.log('hello')
        })
    }