使用Vue.js 2.0提前输入

总Vue菜鸟在这里。只是想要Vue的预输入组件。Bootstrap有一个,但是我不知道如何集成这两个!

我可以找到的唯一选项是仅适用于Vue 1.x或非常详尽的文档(而且将Bootstrap组件移植到Vue 2.x的主要工作似乎并不包括typeahead。)

小胖LEY西门2020/03/17 15:04:38

尝试wffranco的vue-strap分支它旨在支持Vue.js 2.xx,我从master(内部版本2.0.0-pre.11)测试了最新版本,并且可以正常工作:https ://jsfiddle.net/LukaszWiktor/kzadgqv9/

<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">

<div id="app">
    <typeahead v-model="value" v-bind:data="options"></typeahead>
</div>

<script src="libs/vue/vue.js"></script>
<script src="libs/vue-strap/vue-strap.js"></script>
<script>
    Vue.component("typeahead", VueStrap.typeahead);

    var app = new Vue({
      el: "#app",
      data: {
        value: null,
        options: ["foo", "bar", "baz"]
      }
    })
</script>
古一斯丁2020/03/17 15:04:38

签出此组件:

https://github.com/pespantelis/vue-typeahead

另外,已经有大量的vue组件:

https://vuecomponents.com