Laravel 5.5和VueJS在标签应用

时间:2018-01-26 12:02:02

标签: laravel dom vue.js tags

我猜这个问题已经随着时间的推移以不同的形式发布,但我仍然没有找到我正在寻找的答案:

我在我的Laravel应用程序中实现vueJS时遇到了麻烦,我想让服务器和前端非常分离,但在这种情况下它看起来并不那么容易。我有一个经典的博客项目,每篇文章都有一些与之相关的标签,所以有一个经典的多对多关系,一切都已设定。

当我编辑文章时,我想要一个显示所有标签的部分,还可以添加一个新标签(非常类似stackoverflow),我想要实现的是我的Javascript(以及我的vue)管理页面上这些标签的呈现,这样当我进入编辑页面时,我可以看到所有相关的标签,但是,我只想编辑表单内的输入标签,我不想做POST请求在Vue中,我想保留它PHP,我想要laravel验证,我不想为javascript写另一个。

我希望javascript只在我想要添加标签时编辑DOM,这样我就插入一个新的标签,它立即被推入已经存在的标签数组中,所以实时标签会更新,但是当我提交表单时,我的PHP处理服务器请求,而不是vue,现在这似乎是不可能的,因为为了在添加一个(或删除一个)时正确更新标签,vue中的数据需要有一个列表标签,否则它将无法正常工作。

这意味着我必须创建一个新路由(例如/tags/{article_id})和一个新的控制器函数,以便返回与该文章相关的标签,所以这也意味着我无法向PHP提供标签我渲染的(因为例如他们在列表中,而不是输入选择(由于我想要给出的外观))是不是有更清洁的方法来做到这一点?

我正试图绕过vuejs,但有时感觉jQuery中的东西会更容易(?),我不知道......我希望我能正确解释自己。

0 个答案:

没有答案