将数据从vueJs组件传递到Laravel刀片

时间:2019-10-16 21:12:07

标签: laravel-5 vuejs2

我在VueJs组件中有一个按钮(锚标记),单击后它会路由到另一个页面,并加载laravel刀片视图。 内部vueJs组件

<a href="/checkout">Checkout</a>

此路线返回laravel刀片文件。

    Route::get('/checkout', function(){ 
        return view('checkout');
    });

现在,我的vueJs组件中有一个data属性,需要在检出刀片视图中使用它。如何将这些数据从vueJs组件传递到Laravel刀片视图。 注意:我熟悉将数据从laravel传递到VueJs,但不熟悉。

1 个答案:

答案 0 :(得分:0)

首先,您尝试使用锚标记不是一个好方法。而且我不知道您需要发送多少数据,所以我可以建议一种简单易行的方式,即参数。 假设您需要发送数据ID,名称,地址。

MyModel.findAll({
        where: {
            created_at: {
              [Op.gt]: search_from,
              [Op.lte]: search_to
            }
        },
        order: [['created_at', 'DESC']],
        limit: 30
    })

和laravel

  <a :href="'/checkout?id='+id+'&name='+name+'&address='+address">Checkout</a>