laravel vue.js从DATABSE

选择列表中的我刚刚开始Vue.js，我有一些问题吧：laravel vue.js从DATABSE

我目前正在Laravel，一个PHP框架的工作。

我想做一个研究的选择列表，我有不同的应用程序，但都有不同的国家。当我选择一个国家时，我希望只有这个国家的应用出现。

我曾经使用PHP，但我们必须每次刷新页面，它不是非常快速和易于使用。

我的主页是这样的：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>VueJS</title> 
    <link rel="stylesheet" href=""> 
    <script src="/js/vue.js"></script> 
</head> 
<body> 
    <div id="app"> 
    <div id="country"> 
    <select v-model="selectedcountry"> 
    <option v-for="option in options" v-bind:value="option.value">@{{ option.text }} 
     </option> 
    </select> 
    <span>Sélectionné : @{{ selectedcountry }}</span> 
</div> 
    <script src="/js/app.js"></script> 
</body> 
</html>'

而且我app.js：

new Vue({ 
    el: '#country', 
    data: { 
    selectedcountry: 'All Countries', 
     options: [ 
     { text: 'All Countries', value: 'world' }, 
     { text: 'Denmark', value: 'denmark' }, 
     { text: 'France', value: 'france' }, 
    ] 
    } 
})'

而且在我的数据库我的表是： “卡” 与属性称之为 “国家”。

我的控制器：

<?php 

namespace App\Http\Controllers; 

use App\Apps; 
use Illuminate\Http\Request; 

class SearchController extends Controller 
{ 
    public function search(Request $request) 
    { 
     if ($request->has('Country')) { 
      $apps = Apps::where('Country', $request->Country)->get(); 

      return view('index', compact('apps')); 
     } 
    } 
}

我怎样才能做到这一点？

感谢您任何意见或解决方案：slight_smile：

来源

2017-08-29 Virtualbees

你怎么可以做什么** **？ –

我想做一个研究的选择列表，我有不同的应用程序，但都有不同的国家。当我选择一个国家时，我希望只有这个国家的应用出现。 – Virtualbees

...一旦用户选择国家向国家发出ajax请求，则根据国家查询应用，返回结果，然后循环显示它们。 –

我的控制器：

<?php 

namespace App\Http\Controllers; 

use Illuminate\Http\Request; 
use App\Apps; 
class SearchController extends Controller 
{ 
    public function search(Request $request){ 
    if($request->has('Country')){ 
    $apps = Apps::where('Country',$request->Country)->get(); 
    return view('index',compact('apps'));  
    }   
    } 
}

来源

2017-08-29 16:18:43 Virtualbees

laravel vue.js从DATABSE

回答

相关问题