使用 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 来呈现......