Perhatikan sifat model menggunakan Vue 3 dan Typescript

Question

Saya cuba memantau sifat model Typescript saya dan ia berfungsi tetapi memberi amaran dalam konsol dan saya tidak dapat mencari cara untuk mengalih keluarnya.

Ini ialah model TypeScript saya:

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

eksport kelas lalai Resa {
  id awam: Nombor = 0
  invois_tertunda awam: Ruj<Boolean>

  pembina(sifat?: Objek) {
    tonton(this.deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }
  }
}

Jam tangan berfungsi dengan baik, tetapi saya mempunyai amaran ini dalam konsol[Vue warn]: Sumber jam tangan tidak sah: palsu Sumber jam tangan hanya boleh menjadi fungsi pengambil/kesan, ref, objek reaktif , atau tatasusunan jenis ini.

Adakah saya melakukan sesuatu yang salah?

Saya telah mencuba menggunakan rentetan 'deferred_invoicing'

Answer 1

Instance kelas anda ditetapkan di suatu tempat supaya Reactive，使其deferred_invoicingproperti tidak boleh dirujuk

Gunakan

watch(toRaw(this).deferred_invoicing, (newValue, oldValue) => {
      console.log(newValue)
    }