2017-12-08 1 views
1

私はVueJSコンポーネントを持っていますが、今はHTML選択ボックスにエクスポートするJSONレスポンスから取得しています。VueJSメソッドjsonがselectboxに応答しましたか?

マイVueJS方法:

getTaskList() { 
    axios.get('/api/v1/tasklist').then(response => { 
     this.taskList = this.data.taskList; 
    }); 
} 

私は選択ボックスには、この応答をエクスポートすることができ、私は仕事する方法を知ってどのように

...私はVueJS documentationの例を見つけましたが、この方法の問題点はまだありますv-forがありますが、このデータをHTMLで初期化する方法(v-bindなど)を正確にはわかりません。

+0

あなたは '/ API/V1/tasklist'から正確に何を得ていますか? –

答えて

1

私はtaskList項目に何があるかわかりませんが、あなたは、単にoptionタグでこれらのデータをバインドすることができます。

<select v-model="selectedTask"> 
    <option v-for="task in taskList" :key="task.id" :value="task.value">{{ task.label }}</option> 
</select> 
+0

私はこれを知っていますが、どこでJSコードでv-model = "selectedTask"を定義する必要がありますか? –

+0

解決済みの問題は、マウントされた領域でこの関数を呼び出していて、すべてが動作しないことです(this.getTaskList()) –

+0

'created'フックでこのメソッドを呼び出すこともできるので、データはできるだけ早く準備されますそれらのデータをロードするために要素がマウントされるのを待つ必要があります)。申し訳ありませんが、私はあなたの質問を最初に理解していませんでした。 –

関連する問題