如何解决Vue Prop Watch在类样式的组件中不起作用
我有一个名为masterDatasourceId的属性,如下所示,我是通过ajax调用中的父组件传递的。
但是未调用watch方法。以下是我的代码。
@Prop()
masterDatasourceId!: number;
@Watch('masterDatasourceId')
masterDatasourceIdChanged(newVal: number) {
// Even though masterDatasourceId changes,it is not coming up here.
}
我在这里想念什么?我正在使用基于类样式的打字稿的vue组件。
我想使用以下getter setter方法获取它。
private _masterDatasourceId!: number;
public get masterDatasourceId(): number {
return this._masterDatasourceId;
}
@Prop()
public set masterDatasourceId(value: number) {
console.log('this I wanted to use as a watcher if possible...!!!')
this._masterDatasourceId=value;
}
但是它给出了以下运行时错误。
The computed property "masterDatasourceId" is already defined as a prop.
解决方法
似乎这需要立即为真。更改后即可工作
@Watch('masterDatasourceId',{ immediate: true })
masterDatasourceIdChanged(newVal: number) {
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。