vue-strap `select` 组件

Question

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

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

我对我的演示有 2 个问题：

1、文档的demo.How中有一个占位符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 数据。

vue-strap `select` 组件

vue-strap `select` component

javascript

vue.js