Javascript 如何在vue.js 2上使用get方法向路由发送数据?

Javascript 如何在vue.js 2上使用get方法向路由发送数据?,javascript,laravel,vue.js,laravel-5.3,vuejs2,Javascript,Laravel,Vue.js,Laravel 5.3,Vuejs2,我的ajax是这样的: <script> new Vue({ ... methods: { fetchItems: function (page) { var data = {page: page}; this.$http.get('api/items', data).then(function (response) {

我的ajax是这样的:

<script>
    new Vue({
        ...
        methods: {
            fetchItems: function (page) {
                var data = {page: page};
                this.$http.get('api/items', data).then(function (response) {
                    console.log(JSON.stringify(response))
                    this.$set(this, 'items', response.data.data.data);
                    this.$set(this, 'pagination', response.data.pagination);
                }, function (error) {
                    // handle error
                });
            },
            ...
        }
    });
</script>
Route::get('/api/items/', function () {
    dd(Input::get('page'));
    $results =  \App\Post::latest()->paginate(7);

    $response = [
        'pagination' => [
            'total' => $results->total(),
            'per_page' => $results->perPage(),
            'current_page' => $results->currentPage(),
            'last_page' => $results->lastPage(),
            'from' => $results->firstItem(),
            'to' => $results->lastItem()
        ],
        'data' => $results
    ];

    return $response;
});
执行时,我在控制台上检查,结果=null,而我把它放在:
dd(Input::get('page')

它应该显示谁发送的页面吗

如何解决此问题?

尝试更改行:

dd(Input::get('page'));
致:


dd
方法将转储
var
值并停止执行。因此,输出将不是格式正确的json。它可能是一些原始html,显示您转储的值。

这是vue js代码的完整示例

var app = new Vue({
    el: '#invoice',
    data: {
        form: new FormData(),
        errors: {},
        tax: 0
    },
    methods: {
    random: function () {
      this.form.serial = Math.floor(Math.random() * 1000000) + 1;
    },
    sortBy: function() {
        if(this.form.tax_id) {
          var url = '{{route('invoice.get_tax', null)}}';
          this.$http.get(url)
           .then(function(response){
              if(response.data) {
                  console.log(response.data)
              }
           });
        }
     }
 })
这是路线

Route::get('/get_tax/{tax_id}', function($tax_id)
{
    $tax = App\Tax::findOrFail($tax_id);
    if ($tax) {
        return response()
            ->json([
                'rate' => $tax->rate,
                'type' => $tax->type
            ], 200);
    } else {
        return response()
            ->json([
                'rate' => 0,
                'type' => 1
            ], 200);
    }
})->name('invoice.get_tax');
Route::get('/get_tax/{tax_id}', function($tax_id)
{
    $tax = App\Tax::findOrFail($tax_id);
    if ($tax) {
        return response()
            ->json([
                'rate' => $tax->rate,
                'type' => $tax->type
            ], 200);
    } else {
        return response()
            ->json([
                'rate' => 0,
                'type' => 1
            ], 200);
    }
})->name('invoice.get_tax');