我剛開始學習 VUE 以及如何在 Rails 項目中使用它。就我而言，我正在嘗試創(chuàng)建一個嵌入式 javascript，商店可以在他們的網(wǎng)站上實施，這樣他們的客戶就可以尋找該商店可用的商品。目標是嵌入的 javascript 顯示一個帶有 2 個日期arrival和departure. 提交表單后，商店網(wǎng)站的訪問者應(yīng)該被重定向到我的應(yīng)用程序，然后顯示屬于用戶來自商店的可用商品。問題 我能夠使其與具有固定 id ( see also the commented out code below) 的操作一起使用，但我不知道如何動態(tài)添加鏈接（例如，查找屬于應(yīng)該匹配的引用鏈接的商店 id booking_url，并重定向../park_availability page到我的應(yīng)用程序）。嘗試 1 + 錯誤消息：總體思路：submit method我嘗試在文件的形式上創(chuàng)建一個javascript/app.vue，因此應(yīng)該在提交時加載該searchAccommodations函數(shù)javascript/store.js。錯誤信息vue.esm.js:628 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'dispatch' of undefined"found in---> <App> at app/javascript/app.vue       <Root>warn    @   vue.esm.js:628logError    @   vue.esm.js:1893globalHandleError   @   vue.esm.js:1888handleError @   vue.esm.js:1848invokeWithErrorHandling @   vue.esm.js:1871invoker @   vue.esm.js:2188original._wrapper   @   vue.esm.js:7565TypeError: Cannot read property 'dispatch' of undefined    at VueComponent.submit (app.vue:36)    at submit (app.vue?0d7f:13)    at invokeWithErrorHandling (vue.esm.js:1863)    at HTMLFormElement.invoker (vue.esm.js:2188)    at HTMLFormElement.original._wrapper (vue.esm.js:7565)logError @ vue.esm.js:1897globalHandleError @ vue.esm.js:1888handleError @ vue.esm.js:1848invokeWithErrorHandling @ vue.esm.js:1871invoker @ vue.esm.js:2188original._wrapper @ vue.esm.js:7565