使用Vue 3和Typescript观察模型属性
P粉143640496
P粉143640496 2023-09-02 23:07:50
[Vue.js讨论组]

我正在尝试监视我的Typescript模型属性,它可以工作,但在控制台中给出了一个警告,我找不到如何删除它。

这是我的Typescript模型:

import { watch, ref, Ref, reactive } from 'vue'

export default class Resa {
  public id: Number = 0
  public deferred_invoicing: Ref<Boolean> = ref(false)

  constructor(properties?: Object) {
    watch(this.deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }
  }
}

监视是正常工作的,但是我在控制台中有这个警告[Vue warn]: Invalid watch source: false A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.

我做错了什么吗?

我已经尝试使用字符串'deferred_invoicing'而不是this.deferred_invoicing

P粉143640496
P粉143640496

全部回复(1)
P粉512363233

您的类实例在某处被设置为Reactive,使其deferred_invoicing属性无法引用

使用

watch(toRaw(this).deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号