2016-05-26 16 views
1

vue-strapのselectコンポーネントを使用しています。 ドキュメント:http://yuche.github.io/vue-strap/#select、 私のデモはドキュメントの最初の例です。vue-strap `select`コンポーネント

私のデモ: https://jsfiddle.net/kanjiushi/ne92wfxp/6/

私は私のデモについて2つの質問を持っている:

1、私のデモでそれを追加するドキュメントのdemo.How内のプレースホルダNothing Selectedがありますか?

私のデモ:ドキュメントの enter image description here

デモ:? enter image description here

2、選択した項目の値を取得し、変数に保存するにはどのように私はそれを使用しますajaxリクエストを送信します。

ありがとうございました。

+0

jsfiddleを作成できますか? – bobbybackblech

+0

@bobbybackblech私はjsfiddleを作った。 – zwl1619

答えて

1

あなたは:value.sync指令を見逃しました。あなたの問題の両方を解決します。結果はthis fiddleであることを確認してください。ここで私はあなたのコンポーネントにvalデータを追加する必要がありましたコードも

<v-select :value.sync="val"> 
    <v-option value="1">Apple</v-option> 
    <v-option value="2">Banana</v-option> 
    <v-option value="3">Cherry</v-option> 
    <v-option value="4">Orange</v-option> 
    <v-option value="5">Grape</v-option> 
</v-select> 

お知らせです。

+0

ありがとう!もう1つ、カスタムテキストにpalceholder "Nothing Selected"を変更する方法は? – zwl1619

+0

'placeholder'は' v-select'コンポーネントのプロパティなので、テンプレートの中で '' –

+0

のように渡します。 'value'と' placeholder'プロパティの呼び出しが異なっています –

関連する問題