vue-strap`select`组件

Question

我正在使用vue-strap的select组件， 文档：http://yuche.github.io/vue-strap/#select， 我的演示是文档中的第一个例子。

我的演示： https://jsfiddle.net/kanjiushi/ne92wfxp/6/

我有两个关于我的演示的问题：

1，文档演示中有一个占位符Nothing Selected。如何在我的演示中添加它？

我的演示：

文档中的

演示：

2，如何获取所选项目的值并将其保存在变量中？我将使用它来发送ajax请求。

请提前帮助，谢谢。

Answer 1

你错过了:value.sync指令。这解决了你的两个问题。检查this fiddle的结果。这是代码

<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>

请注意，我必须向您的组件添加val数据。