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

回答

相關問題