使用 Vue.JS “操縱” Laravel 刀片表單

Question

我可以使用一些幫助來理解 Blade 視圖和結合使用 Vue.JS 之間的基礎知識。

我有一個由刀片模板創建的表單。

我現在想通過預先填寫“結束日期”來幫助用戶填寫表格，具體取決於他在下拉列表中選擇的持續時間。 此外，如果他選擇“無持續時間”，則應隱藏結束日期等。

現在我沒有使用 JavaScript 的經驗。 應該可以用 JQuery 做這樣的事情，但據我了解，Laravel 和 Vue.JS 似乎是一個很好的組合。 所以我想用它來 go 。

我不明白如何將 Blade 與 Vue 結合使用。

我可以將<p>@{{ message }}</p>之類的內容添加到模板中嗎？ 我試過這個，但是 go 的 JavaScript 代碼在哪里？ 把它放在 app.js 中會給我一個警告：

[Vue 警告]：屬性或方法“消息”未在實例上定義，但在渲染期間被引用。 通過初始化該屬性，確保該屬性是反應性的，無論是在數據選項中，還是對於基於類的組件。 請參閱： https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。

我一直在閱讀 Vue-Components，但是將整個表單或其中的一部分放入組件中會阻止 Blade 呈現表單，對嗎？

也許你可以幫助我走向正確的方向。 非常感謝。

Answer 1

首先，您需要了解 JavaScript 的基礎知識。 盡管您已經跳到 js 框架，但這對您沒有幫助。 先學js。 如果只想通過duration來維護End-date，可以通過基礎js或者jquery來實現。 你不需要調整 vuejs。 相反，如果您被迫使用 vuejs，它可以在組件上完成，並且可以通過捕獲任何 div 標簽的 id 來呈現......