时间戳

首页 > 解决方案 > 使用 Vue.JS “操作” Laravel Blade 表单

laravel - 使用 Vue.JS “操作” Laravel Blade 表单

问题描述

我可以使用一些帮助来理解 Blade 视图和结合使用 Vue.JS 之间的基础知识。

我有一个由刀片模板创建的表单。

文本

我现在想通过预先填写“结束日期”来帮助用户填写表格，具体取决于他在下拉列表中选择的持续时间。此外，如果他选择“无持续时间”，则应隐藏结束日期等。

现在我没有使用 JavaScript 的经验。应该可以用 JQuery 做这样的事情，但据我了解，Laravel 和 Vue.JS 似乎是一个很好的组合。所以我想和它一起去。

我不明白如何将 Blade 与 Vue 结合使用。

我可以<p>@{{ message }}</p>在模板中添加类似的东西吗？我试过这个，但是 JavaScript 代码去哪里了？把它放在 app.js 中会给我一个警告：

[Vue 警告]：属性或方法“消息”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。请参阅：https ://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。

我一直在阅读 Vue-Components，但是将整个表单或其中的一部分放入组件中会阻止 Blade 呈现表单，对吗？

也许你可以帮助我走向正确的方向。非常感谢。

标签： laravelvue.jsvue-componentlaravel-blade

解决方案

首先，您需要了解 JavaScript 的基础知识。尽管您已经跳到 js 框架，但这对您没有帮助。先学js。如果您只想通过 duration 来维护 End-date，可以通过基本的 js 或 jquery 来完成。你不需要调整 vuejs。相反，如果您被迫使用 vuejs ，它可以在组件上完成，并且可以通过捕获任何 div 标签的 id 来呈现......

推荐阅读