Vue.js 在vuejs中更新用户单击时发送到子组件的值

我在mu app.vue中有两个组件，我将在页面加载时将数据从app.vue发送到我的第一个组件（过滤器组件）

现在，根据第二个组件中显示的数据中的用户操作，我需要将新值传递回第一个组件

在这里，我使用a和a。在第一个组件中，我收到的一个道具是“nStestTopDuty”，我在数据中这样做：{返回{选择}：Test.nStudioPopt}}以避免突变警告。< /P> 现在，每当我从第二个组件更新这个组件的值时，我只看到“selectedOption”中的更改，而不是“selectedOption”中的更改。你能解释一下为什么吗

我需要将更新后的值转换为的v型。 1.如果我使用“nselectedOption”，它会更新文本框，但在编辑值时会抛出错误。 2.如果我使用“selectedOption”，它不会更新文本框本身中的值

我甚至尝试使用计算出的值来返回值，但如果我尝试更改过滤器组件中其他选项中的值，则已更新的值将显示null或nothing

---

请帮帮我。这个问题是否可以使用状态管理概念来解决，或者我是否必须使用App.Vue以外的单独组件来完成所有这一切，以便它可以充当父/子类的东西，或者是否有其他方法来克服这个问题。

尝试使用watcher。如果监视selectedOption，每次它更改时，监视程序都会触发并将更改的值绑定到selectedOption

props: ['nselectedOption'],
data: {
    selectedOption
},
watch: {
    nselectedOption: function (val) {
        this.selectedOption = val
    }
}

此外，如果您正在监视的道具是一个对象/数组，那么如果想制作本地副本以避免突变，请考虑使用扩展运算符。

this.someObj = { ...someProp }

---

尝试使用watcher。如果监视selectedOption，每次它更改时，监视程序都会触发并将更改的值绑定到selectedOption

props: ['nselectedOption'],
data: {
    selectedOption
},
watch: {
    nselectedOption: function (val) {
        this.selectedOption = val
    }
}

此外，如果您正在监视的道具是一个对象/数组，那么如果想制作本地副本以避免突变，请考虑使用扩展运算符。

this.someObj = { ...someProp }