: Harta '0' telah diakses semasa pemaparan tetapi tidak ditakrifkan pada contoh
<p>Saya agak baru menggunakan Vue3, saya sedang membina portal permulaan kecil menggunakan Vue dan dalam fail "App.vue" yang dipanggil <code>const ProgressStage = ref(0)</code> nyatakan dan jadikan komponen tertentu berdasarkan keadaan itu. </p>
<p>Saya juga terpaksa mengeluarkan pengendali yang diluluskan untuk menukar status progressStage</p>
<p>Lihat kod di sini: </p>
<pre class="brush:php;toolbar:false;"><setup script>
import {ref} daripada 'vue';
import ComponentA daripada 'components/componentA.vue' (komponen moc)
import Komponen B daripada 'komponen/komponenB.vue'
const progressStage = ref(0)
data const = ref({})
function handleNavigation(newVal){
progressStage = newVal
}
function handleClientDataAdd(newData){
const newData = {...data.value,newData}
data.value = newData;
}
</skrip>
<template>
<KomponenA
v-show:progressStage === 0
/>
<KomponenB
@handle-page-nav="handleNavigation"
@handle-client-data="handleClientDataAdd"
v-show:progressStage === 1
/>
</template></pre>
<p>Di dalam KomponenB saya ->
Juga, yang salah dipanggil:
<strong>Dalam <ComponentB onClientDataAdd=fn onHandlePageNav=fn
Dalam permohonan itu. </strong></p>
<pre class="brush:php;toolbar:false;"><setup script>
import {ref} daripada 'vue'
const emits = defineEmits(['handlePageNav','clientDataAdd']
data const = ref({
nama:''
}) (objek olok-olok)
</skrip
<template>
<input v-model="data.name" /></pre>
<p>Saya mempunyai berbilang komponen lain yang turut menggunakan keadaan untuk memasang sendiri secara dinamik, tetapi ComponentB nampaknya terus memberikan amaran di atas (pada setiap ketukan kekunci dalam input)</p>
<p><strong>Berharap bantuan</strong></p>
