Menggunakan typeof untuk menyemak jenis pembolehubah dalam Vue mungkin tidak berfungsi kerana sistem reaktif Vue memproksi pembolehubah. Penyelesaian termasuk: 1. Gunakan Vue.util.typeCheck; 2. Gunakan Object.prototype.toString.call(myVariable);
typeof tidak sah dalam Vue
Dalam Vue.js, menggunakan operator typeof
untuk menyemak jenis pembolehubah mungkin gagal kerana sistem reaktif unik Vue akan merawat pembolehubah Jadi ejen. typeof
运算符来检查变量的类型可能会失效,因为 Vue 特有的响应式系统会对变量进行代理。
原因:
当一个变量被响应式地代理时,它会被一个包裹对象(wrapper object)替换。这个包裹对象会劫持对变量的访问,使之在值发生变化时能够自动触发更新。
解决方法:
为了在 Vue 中正确检查变量的类型,可以使用以下方法之一:
Vue.util.typeCheck
:<code class="js">import { typeCheck } from 'vue/types/util' typeCheck(myVariable) === 'Object' // true</code>
Object.prototype.toString.call(myVariable)
:<code class="js">Object.prototype.toString.call(myVariable) === '[object Object]' // true</code>
transform-typeof-symbol
插件:此插件会将 typeof
运算符编译成更可靠的替代方案。具体使用方法请参考 Babel 文档。
注意:
Vue.util.typeCheck
只能检查基础类型(如 Object
、Array
和 String
)。Object.prototype.toString.call(myVariable)
可以检查更广泛的类型,包括 Vue 特有的类型。transform-typeof-symbol
Vue.util.typeCheck
: 🎜🎜 🎜rrreeeObject.prototype.toString.call(myVariable)
: 🎜🎜🎜rrreeetransform-typeof- simbol
Plugin: 🎜🎜🎜🎜Pemalam ini menyusun operator typeof
menjadi alternatif yang lebih dipercayai. Sila rujuk dokumentasi Babel untuk penggunaan khusus. 🎜🎜🎜Nota: 🎜🎜Vue.util.typeCheck
hanya boleh menyemak jenis asas (seperti Object
, Array
dan String
). 🎜Object.prototype.toString.call(myVariable)
boleh menyemak julat jenis yang lebih luas, termasuk jenis khusus Vue. 🎜transform-typeof-symbol
Babel perlu didayakan dalam konfigurasi Babel. 🎜🎜Atas ialah kandungan terperinci typeof tidak berfungsi dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!