Laravel将收藏从刀片发送到VueJs
Laravel是一种流行的PHP开发框架，而Vue.js是一种流行的JavaScript前端框架。在Laravel中，可以通过将数据从后端发送到前端来实现数据的收藏功能。
具体来说，收藏功能可以通过以下步骤实现：
- 后端开发：在Laravel中，可以创建一个收藏控制器和模型来处理收藏相关的逻辑。在控制器中，可以编写方法来处理收藏的创建、删除和查询等操作。同时，可以使用Laravel的数据库迁移工具来创建收藏相关的数据库表。
- 前端开发：在Vue.js中，可以创建一个收藏组件来展示收藏的内容，并与后端进行交互。可以使用Vue.js的组件化开发方式，将收藏组件嵌入到其他页面中，以实现复用和灵活性。
- 数据传输：在Laravel中，可以使用API路由来定义收藏相关的API接口。通过这些接口，可以将收藏数据从后端发送到前端。可以使用Laravel的资源转换器来格式化数据的输出，以便前端能够方便地使用。
- 前后端交互：在Vue.js中，可以使用Axios等HTTP库来发送请求并接收后端返回的数据。可以在收藏组件中调用后端提供的API接口，以实现收藏的创建、删除和查询等功能。
- 页面展示：在Vue.js中，可以使用数据绑定和条件渲染等技术，将后端返回的收藏数据展示在页面上。可以使用Vue.js的列表渲染功能，将多个收藏项展示为列表。
- 腾讯云相关产品推荐：腾讯云提供了丰富的云计算产品和服务，可以帮助开发者快速构建和部署应用。对于Laravel和Vue.js开发，以下腾讯云产品可能会有帮助：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署Laravel后端和Vue.js前端。
- 云数据库MySQL版（CDB）：提供稳定可靠的MySQL数据库服务，用于存储收藏相关的数据。
- 对象存储（COS）：提供高可用、高可靠的对象存储服务，用于存储收藏的图片、视频等多媒体文件。
- 云函数（SCF）：提供无服务器的函数计算服务，可以用于处理收藏相关的业务逻辑。
- 云开发（TCB）：提供一站式后端云服务，可以快速搭建和部署Laravel和Vue.js应用。
以上是关于将收藏从Laravel发送到Vue.js的一个简要解释。希望对您有帮助！
相关·内容
6回答
我有一套收藏。 $items = Item:where('count' , '>' , 5)->get(); 我有一个ids数组。 $ids = [2 , 4 , 7 , 8]; 在我的Laravel刀片中，我希望根据ids数组在$items上显示每一个。我做了这样的事情： @foreach($ids as $id)
<a href="#">
{{ $items->where('id' ,$id)->first()->name }}
</a>
浏览 34提问于2019-05-24得票数 1
回答已采纳
我在一个VueJs组件中有一个按钮(锚标签)，当被点击时，它会路由到另一个页面，加载一个laravel刀片视图。vueJs组件内部 <a href="/checkout">Checkout</a> 此路由返回一个laravel刀片文件。 Route::get('/checkout', function(){
return view('checkout');
}); 现在我在我的vueJs组件中有一个数据属性，我需要在结帐刀片视图中使用它。如何将此数据从vueJs组件传递到Laravel刀
浏览 18提问于2019-10-17得票数 0
2回答
我在Laravel4.2中工作，我想在我的应用程序中实现Vue.js。当我在刀片中放置一些测试代码时，它只显示“使用未定义的常量消息-假设的‘message’”，我知道laravel读取{message}类php代码，但是您知道如何将vue.js添加到我的刀片中吗？谢谢你帮忙。这是代码
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script>
new Vue({
浏览 7提问于2017-07-06得票数 0
回答已采纳
我想加载一个excel文件，将它与axios一起发送到Controller和Maatwebsite\Excel进行导入。
当我从刀片中使用Php时，Controller中的导入部分正在工作，我在从Vuejs组件发送时遇到了问题。我看不懂Excel文件。或者我看不懂控制器里的内容。
这是我的密码：
<template>
<input type="file" @change="checkFile" />
<button @click="importExcel()">Import File</butt
浏览 1提问于2019-02-13得票数 0
回答已采纳
我正在开发一个使用Laravel的网站，我需要在刀片模板和Vuejs组件之间的混合。
基本上，该项目的要求说明，在客户页面，我们只能使用刀片，但在管理页面，我们可以自由使用任何东西，所以我们将使用刀片+ Vuejs。
我知道可以在Blade中创建一个表单，然后在任何其他Blade文件中要求或@包含该表单。是否也可以在Vuejs组件中要求表单？
例如，是否可以这样做：
<my-form-component>
@include('path/to/blade/form')
</my-form-component>
浏览 2提问于2018-04-24得票数 1
1回答
你好。我正在学习使用Laravel编写代码，现在我正在尝试做一个简单的SPA，用户可以查看/阅读任何帖子。
在那里使用： VueJs仅用于用户的前端部分和Laravel刀片，仅用于管理面板，其中管理员可以清除这些帖子。
问题：我们应该如何和在什么地方使用刀片，而不是不用刀片就能完成所有事情的VueJS？
浏览 4提问于2022-01-27得票数 0
#问
帮我解决我的问题，
我有博客内容，它有像{{ $title }}这样的语法示例，因为我的内容描述了Laravel刀片。
Problem当我在Vuejs上呈现我的博客内容时，所有的事情都会出错，因为有一个sytax刀片{{ $title }}
这个问题有什么解决办法吗？
浏览 3提问于2020-12-19得票数 0
2回答
将数据传递到vuejs模板
、、、、
我有一个vuejs2支持的Laravel应用程序。我在vuejs部分使用路由器组件。如何将数据从laravel发送到vuejs模板。在我的刀片模板中，我使用<router-view ></router-view>调用vue路由器组件。如何添加数据。
谢谢你帮忙！
浏览 2提问于2018-03-11得票数 1
回答已采纳
我们将使用Laravel和VueJ启动一个项目。我们需要的是我们是将VueJ作为单独的安装，还是在Laravel安装中使用。这样会更好。还有一件事，我们正在计划，对于所有的小页面，我们使用的是拉里->刀片，对于需要时间加载的大页，我们认为我们使用的是VueJs和Laravel。这样行吗。对于以上两个问题，可以提出一些建议吗？
浏览 6提问于2020-07-09得票数 1
1回答
我想弄清楚如何从Laravel的刀片模板中有条件地加载子/子组件
我有一个主容器，它是从刀片中调用的：
<structure-container view='menu-index'></structure-container>
这是StructureContainer.vue
//我可以通过"view“在这里使用if-else语句，但要寻找更好的解决方案
导出默认的{ components：{ 'menu-index'：需要量(‘./menu/IndexComponent.vue’)，'test'：
浏览 3提问于2017-08-10得票数 0
回答已采纳
1回答
我的收藏看起来像这个
array:3 [▼
"label" => array:2 [▼
0 => "onhold"
1 => "approved"
]
"data" => array:2 [▼
0 => 1
1 => 1
]
"chart_data" => "{"label":["onhold","approved"],"data":[1,1]}
浏览 2提问于2021-02-07得票数 0
回答已采纳
2回答
我想知道如何使用Vue way获取页面部分，如sidebar或header？
目前我得到了像@include('admin.parts.header')这样的刀片式模板，但我能不能把它们移到components (header.vue)上，然后像<router-view name="header"></router-view>一样用vue的方式得到它们？
浏览 0提问于2018-03-18得票数 0
我想从数据库中获取对象值。同时，我希望我的列名是动态的。我从model中获得了列名，从数据库中获得了一个对象。然后我将它们发送到我的刀片，在我的刀片中我不能为对象指定动态列名
我的控制器
public function index()
{//config('app.attributlar')
//dd(gettype($sutunler));
$about=About::first();
$table=$about->getTable();
$columns = \Schema::getColumnListing($tabl
浏览 0提问于2020-08-02得票数 0
2回答
我正在尝试按数据透视表中的列在laravel中对一个雄辩的查询进行排序。
基本上，只要产品被用户收藏，它就会被添加到透视表中，它应该首先显示收藏的产品，然后显示剩余的产品。因为我将在刀片中使用foreach。
products表包含以下列：
id, category, product_name, priority, status, created_at, updated_at
users表包含以下列：
id, name, email, created_at, updated_at
在用户模型中包含以下内容：
public function favorites()
{
return $t
浏览 2提问于2017-08-03得票数 0
我已经试过了
<div id="keybrandsapp">
<profile :userdata="'{!! json_encode($user) !!}'"></profile>
</div>
注意:当请求纵断面图时，$user从laravel控制器传递，即
public function profile(){
$user = Auth::user();
return \view('user.profile', compact('user&#
浏览 0提问于2017-08-03得票数 0
2回答
你好伙计们！
我在收藏上有个小问题。我从来没有用过这些。我想在我欢迎的刀刃上展示一个收藏，但是有一个问题。我的集合不是在收集器中，集合的位置在App/存储库/xyz.php和一个函数中。如何将此功能传递给控制器，并在欢迎刀片上显示出来？？
App/存储库/xyz.php
public function getcars(): Collection
{
return collect([
new Car(...)
)];
控制器
public function __invoke(): View
{
r
浏览 5提问于2021-10-15得票数 0
回答已采纳
1回答
嗨，我有这个laravel刀片代码
<tr v-for='line , id in edited_lines'>
<td>
@include(
'treats.create_search_and_select',
[
'search_and_select' => 'user_id[]',
'value' => null,
浏览 1提问于2020-04-22得票数 2
回答已采纳
0回答
我的问题是我试图循环和数组从Axios查询到我的刀片模板，查询没有给我错误，但在我的select标签上多次告诉我是未定义的。
我的Laravel控制器有一个简单的Axios查询：
public function consultaPersonas()
{
$consulta = persona::all();
if(!$consulta) {
$consulta = ['error' => 'No hay registros'];
}
return $consulta;
}
这个查询将带给我这个小数组：
[
浏览 2提问于2017-06-13得票数 0
我在用
“bumbummen99/购物车”："^2.8"，
用拉拉5.8
帮助我将我的购物车：：内容发送到刀片模板。
//ShoppingController.php
Mail::send('emails.ordermail-customer-response',
array(
'cartcontent' => Cart::content()
), function($message) use ($request)
当我将购物车：：内容发送到电子邮件刀片模板时，一切都很好。
@foreac
浏览 0提问于2019-05-14得票数 0
回答已采纳
这是我以前使用刀片时使用的。
<img src="{{ asset('images/3379.svg') }}" alt="computer">
但是现在我正在使用vue，它不再起作用了。
如何链接到vuejs中的public/文件夹？
浏览 13提问于2021-03-02得票数 0
我是Vue的新手，我正在尝试将一个集合从blade传递到Vue。我已经被困在这件事上好一阵子了。我通常使用axios get完成此操作，但我想尝试一种新方法。如果有人能帮我，我将不胜感激。我已附加Vue、刀片式服务器、控制器和错误图像
浏览 6提问于2021-05-30得票数 0
我从我正在使用的API获取JSON响应，并将其直接发送到错误包，因此它看起来如下所示：
问题是，我不知道如何访问上面例子中刀片中显示为Student does not exist的message。
通常我会在刀片中使用像$errors->first("message")这样的东西来把它拉出来，但是像$errors->first->error("message")和$errors->first->error['message']这样的东西不能工作。
浏览 2提问于2016-03-03得票数 0
我已经将我的应用程序从Laravel 4.2升级到5.2。控制器中的这一行抓取了一个目录列表： $directories = DirectoryModel::lists('name', 'id'); 我将其压缩发送到刀片中，以便在刀片中生成一个下拉菜单： return view('citations.createBlank', compact('citation'), compact('directories')); 在刀片中，我使用集合表单生成下拉菜单，如下所示： Form::select('dir
浏览 24提问于2019-04-11得票数 0
回答已采纳
嗨，我用Laravel5.4和VueJS做了应用，它在每个浏览器上都工作得很好，但在Tizen上，我只从刀片模板获得东西，没有VueJS组件。
我使用带下拉菜单的引导导航条，它也不起作用。
我试过Vue官方网站的例子，他们正在电视屏幕上正确地工作。我现在该怎么做？有什么办法我能应付吗？
有些编译成原始的旧JavaScrpt或smth？我想这就是问题所在。
有什么建议吗？
浏览 2提问于2017-09-19得票数 1
回答已采纳
2回答
我决定使用Laravel 5.1、vueJS (带vue-resource)和一些服务器端的文件交互来创建一个小项目。
一切正常，但在创建应用程序的过程中，我问自己从服务器接收数据的最佳方式是什么。除了以前的解决方案AJAX之外，我还尝试在我的Vue实例的data对象中使用laravel-blade写入数据，如下所示：
FileController.php：
$files = Auth::user()->files;
return view('files.index', compact('files'));
files()函数只是用户模型上的一个简单的be
浏览 2提问于2015-10-09得票数 4
尝试使用vuejs和laravel在浏览器中显示验证错误。下面是我的js和刀片文件代码： class Errors {
//need to store the error
constructor() {
this.errors = {};
}
// will get and return the error here
get(field) {
if (this.errors[field]) {
return this.errors[field][0];
}
}
浏览 15提问于2021-06-22得票数 0
当我将keyword发送到控制器时，刀片工作正常
$search_alls = DB::table($table)
->where('title', '=', $keyword)
->where('status','=',0)
->orderBy($wanttime_by, $wanttime_order)
->paginate(9);
当我没有将keyword发送
浏览 0提问于2018-03-23得票数 0
我试图使用vuejs和laravel 5.3构建一个即时搜索，但不知何故它不能工作，没有显示错误
控制器(全码)：
public function index(Request $request) {
$search = $request->search;
$items = Staff::where('nama', 'LIKE', '%'.$search.'%')->paginate(5);
$response = [
'pagination
浏览 6提问于2017-04-27得票数 2
3回答
我只是使用Laravel框架完成了我的项目。现在，我想将vue.js添加到我的项目中，以便在不加载视图的情况下呈现视图。我读了一些教程，发现我需要将我的刀片文件转换成Vue组件来实现这一点。但正如我所知，这是一个很大的过程，因为一些函数在VueJS中无法工作。我不知道该怎么做。拜托，有人，在这里指导我怎么做。提前谢谢。
浏览 5提问于2020-01-31得票数 7
回答已采纳
1回答
我是VueJS的新手。
让我们假设我计划创建一个广泛的应用程序。例如，我有三个单独的页面: mypage.com/account、mypage.com/players、mypage.com/orders。每个页面都有自己的控制器，在其中我返回一个带有视图的文件(account.blade.php等)。并在变量中传递参数。那么，在每一个我都想使用Vue。这里我有几个问题：
1)是否需要为/ resources / js /文件夹中的每个页面创建单独的app.js文件？类似于：
app-account.js
const app-account = new Vue({
el: '#a
浏览 0提问于2020-05-14得票数 0
回答已采纳
我需要添加一个新的输入作为下拉类型，并填充默认选项到laravel.8 jetstream注册表单。我的问题是：
如何将下拉输入添加到注册刀片文件中？使用jetstream组件或必须创建基于livewire或纯laravel component?where的新组件，必须准备好下拉选项并发送到刀片文件？如何从app/Actions/Fortify/CreateNewUser.php中获得用户选择的选项？谢谢
浏览 1提问于2021-03-06得票数 1
我已经从我的Laravel项目url中删除了public。但是现在我的Vue.js坏了。
如果我从src文件中删除public，它不会识别出项目有Vue.js，但如果我添加public，它就会识别出这个项目有Vue.js。但是它没有在我的Blade页面上显示该组件，而是给出了这个错误：
[Vue warn]: Unknown custom element: <app-some> - did you register the component correctly? For recursive components, make sure to provide the "nam
浏览 20提问于2019-08-04得票数 0
2回答
我试着写一个基本的vue脚本，但是它在我的larave刀片模板中不起作用。
我知道这个错误：
app.js:32753 Vue警告:属性或方法“消息”不是在实例上定义的，而是在呈现过程中引用的。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的组件。见：。
(发现于)
“守则”迄今：
@extends('layouts.app')
@section('content')
<div id="foo">
@{{ message }}
</div>
@end
浏览 1提问于2017-10-20得票数 1
1回答
各位，我想用laravel和vuejs做一个宿舍管理系统，但我不知道如何显示我的数据而不是"welcome.blade.php“文件，而不是”刀片“使用vue组件，如果有人知道这一点，请帮助我怎么做。我使用API路由来做这件事，谢谢大家
浏览 2提问于2020-05-04得票数 0
有没有办法将vuejs组件渲染到laravel刀片模板中，这样当我打开页面的源代码时，而不是看到
<example-component></example-component>
或
<example></example>
我想要查看该组件的真实内容。
浏览 0提问于2018-04-13得票数 0
1回答
我有两个拉威尔收藏品
$posts = collect($instagramService->fetchPosts('username'))->take(10);
还有更多的帖子
$morePosts = collect($instagramService->fetchPosts('username'))->slice(10);
我正在刀片式服务器上显示第一个集合：
@foreach($posts as $post)
{{$post->url}}
{{$post->likes}}
@endforeach
&l
浏览 0提问于2017-11-15得票数 0
在Laravel 8中使用Vuejs3构建一个项目，在Laravel服务器上运行，运行得很好，但我运行npm，运行prod并将其部署在Cpanel中，编译失败并未捕获SyntaxError: 59在控制台中，我从刀片文件中删除了样式和脚本标签，但仍然有问题。求求你，我真的需要你的帮助
浏览 10提问于2021-07-12得票数 2
1回答
根据、A1和A2的结果，在服务器端生成两个数组，并通过两个变量将主题发送到索引刀片。根据内容的不同，前20篇文章都是基于A1数组的，因此页面返回未定义变量: A2。
即使A2完全是null (而且不仅仅是因为分页)，我还是想在刀片中处理它，只返回空的而不是错误。
我试过@if($A2)，@if(!is_null($A2))，@empty对刀片进行检查，但是仍然会发生相同的错误。
此外，在操作之前，我在服务器端创建$A2="";，然后页面返回，尝试获取非对象的属性。
浏览 3提问于2019-09-24得票数 1
回答已采纳
1回答
我有两个刀片文件
generate.blade.php dashboard/index.blade.php
并创建了两个组件
ImageuploadComponent (组件file)appCurrencies (Vue axios请求))
在app.js文件中，并在generate.blade.php中调用这两个组件，但是当我要使用dasbhoard/index.blde.php和它们的组件时，我会得到这个错误
app.js:38968 Vue警告:找不到元素：#appUpload
请帮助我如何忽略这些错误，或者只在generate.blade.php中调用这些组件。
浏览 4提问于2019-09-19得票数 0
我刚刚创建了一个符号链接，使用这个命令php artisan storage:link可以从web访问我的文件。我从Laravel的官方文档中知道了这一点：。
因此，我使用<img src="{{ Storage::url($user->avatar) }}">在我的刀片模板，以获得我的图像路径。
我的问题是，如何使用VueJS模板实现类似的方法？我在我的<img src="{{ Storage::url($user->avatar) }}">文件中尝试了.vue，但是在运行gulp watch时出错了。此错误引发无效表达式。
浏览 0提问于2016-12-23得票数 2
回答已采纳
3回答
我注册了App.vue作为Vue.js的主要组件，但是当我在Laravel刀片中使用它时，我得到了这个控制台错误。
[Vue warn]: Unknown custom element: <app> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
这是我在app.js中的代码
require('./bootstrap');
import Vue from 'vue'
浏览 2提问于2020-02-09得票数 0
回答已采纳
Laravel模板语言刀片和VueJS数据绑定语法非常相似。
在*.blade.php文件中，如何转义VueJS数据绑定语法？
示例：
<div>
<!-- Want it with VueJS -->
{{ selectedQuestionDesc }}
</div>
<div>
<!-- Want it with Laravel Blade -->
{{ $selectedQuestionDesc }}
</div>
浏览 2提问于2016-06-21得票数 16
回答已采纳
1回答
我是个新手，很难使用雄辩的对象关系映射，我喜欢从表中检索具有特定用户id的Favourite项，但似乎找不到一种方法来正确显示数据。
我参考并复制了中最喜欢的模型代码
型号:最喜欢
class Favourite extends BaseModel
{
public function favouritable()
{
return $this->morphTo();
}
}
模型:课程
public function favourites()
{
return $this->morphMany(Favourite::class, &#
浏览 0提问于2019-10-08得票数 0
请我需要帮助，我可以设置与Laravel刀片laravel上的Paystack，但我有问题时集成与Laravel和Vuejs的Paystack。Vue通过api端点进行通信。所以我需要关于如何正确设置的帮助。
浏览 0提问于2020-12-16得票数 0
2回答
我想下载一把刀片。我正在使用dompdf。
public function download($id)
{
$booking=Booking::where('id',$id)->first();
$pdf = PDF::loadView('pages.booking.bookingdetails',$booking);
return $pdf->download('bookingdetails.pdf');
}
bookingdetails.blade.php
<div class="contai
浏览 1提问于2019-03-05得票数 0
根据这里的说明，我已经使用NPM将Bootstrap图标安装到了Laravel/VueJS应用程序中，。下一步是什么？
如果我想在刀片模板中使用svg元素，是否需要用webpack编译？是否要将其导入到css文件中？
如何在单文件VueJS组件中使用它？
浏览 1提问于2020-03-06得票数 2
我有一个页面，它允许我与访客用户共享页面。所有这些都工作得很好，我可以将数据发送到刀片模板。
但是，我想切换到SPA，在SPA中，Vue组件提取数据。我如何让Vue (或者实际上是: Laravel API)知道“可以”从受保护的Laravel API请求数据？
例如..。显示25号位置的详细信息，不需要登录。Laravel将$data发送到视图。在使用Vue组件时，我想让每个组件拉取相关数据。
我仍然可以让Laravel推送数据，但我希望组件拉取数据。
这个是可能的吗？
浏览 0提问于2020-01-27得票数 0
我想将变量从Laravel中的观察者发送到导航刀片。我实际上想做的是在每次创建新的模型数据时在导航栏上显示徽章。我在事件观察器中创建的函数中创建了一个变量，并希望将其传递给导航刀片。 所以我尝试了下面的方法。 public function created(QnaNonmember $qnaNonmember)
{
$qna_new = 1;
return $this->view('partials.navigation')->with(compact('qna_new'));
} 但在导
浏览 6提问于2020-07-03得票数 0
回答已采纳
我安装了Laravel5.6并使用了我从themeforest购买的模板。我有version1文件夹中的所有css和js文件(public/version1/app.min.css和public/version1/js/app.min.js)。然后我根据刀片规则修改了模板，网站呈现得很好。我想使用javascript框架来使用这个模板来创建SPA应用程序，这样我就可以在不刷新的情况下查看其他页面。我检查了一下反应，我很喜欢它，但是我觉得vue和laravel也很好。
我运行了php artisan preset vue和npm install && npm run dev
还有
浏览 1提问于2018-03-14得票数 0
回答已采纳
我正在尝试在刀片中保持登录和注册。我使用了默认的php artisan ui vue --auth。然后使用Vuetify将SPA保留在Vuejs中。 App.vue ...sidebar containing link to register
<v-list-item link @click="register">
<v-list-item-action><v-icon>mdi-icon</v-icon></v-list-item-action>
浏览 12提问于2021-04-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
