即使道具不变，如何观看道具？

Question

我有一个和道具同名的守望者。道具是在某个事件的父组件中动态设置的。我需要一些东西，每次在父组件上触发事件时，都会用属性值触发子组件中的某个函数，即使它设置的属性相同。是否有任何观察者选项或其他处理此类案件的方法允许我这样做？

我尝试了什么（这是在Post组件中）：

watch: {
    replyClicked:
    {
        handler(newVal, oldVal)
        {
            console.log(newVal, oldVal);
        },
        immediate:true
    }
},

console.log仅在newVal与oldVal不同时打印，我需要一些函数来触发，即使它们相同。父组件如下所示：

<RenderPost @onReply="onReply" />
<Post :replyClicked="replyClicked" />

这些是父数据和方法：

data()
{
    return {
        replyClicked : null
    }
},
methods :
{
    onReply(id)
    {
        this.replyClicked = id;
    }
}

Answer 1

您可以使用immediate选项：

watch:{
  yourProp:{
   handler(newval,oldVal){

   },
   immediate:true,
   deep:true //if the prop is an object or an array

 }

}

编辑

由于旧值与新值相同，您可以尝试这种解决方案，通过添加一个始终更改的字段将prop定义为对象：

data()
{
    return {
        replyClicked : {
          changeCount:0,
          id:null
         }
    }
},
methods :
{
    onReply(id)
    {
        this.replyClicked ={id, changeCount:this.replyClicked.changeCount+1}
    }
}

子组件：

watch: {
    replyClicked:
    {
        handler(newVal, oldVal)
        {
            console.log(newVal, oldVal);
        },
        immediate:true,
        deep:true
    }
},