使用Vue.js 2.0提前输入

vue.js提前 Vue.js

小小理查德

2020-03-17

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

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

第1881篇《使用Vue.js 2.0提前输入》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

小胖LEY西门 2020.03.17

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