我想在我的Laravel 5.3项目中使用Vue Multiselect V2 . 我正在使用这个例子,http://monterail.github.io/vue-multiselect/#sub-single-select
我在 app.js 文件中进行了以下设置:
Vue.component('multiselect', require('./components/Multiselect.vue'));
var vm = new Vue({
el: '#app'
});
在 Multiselect.vue 文件中
<script>
import Multiselect from 'vue-multiselect'
export default {
components: {
Multiselect
},
data () {
return {
value: '',
options: ['Select option', 'options', 'selected', 'mulitple', 'label', 'searchable', 'clearOnSelect', 'hideSelected', 'maxHeight', 'allowEmpty', 'showLabels', 'onChange', 'touched']
}
}
}
</script>
我在 blade 中将其称为如下:
<div id="app">
<label class="typo__label">Single select</label>
<multiselect v-model="value" :options="options" :searchable="false" :close-on-select="false" :show-labels="false" placeholder="Pick a value"></multiselect>
<pre class="language-json"><code>@{{ value }}</code></pre>
</div>
这就是它在_1531015中的显示方式
<div id="app">
<label class="typo__label">Single select</label>
<!---->
<pre class="language-json"><code></code></pre>
</div>
目前下拉列表不显示,我在控制台中看不到任何错误 . 我本来希望在某个地方添加一个模板,但我在Vue Multiselect文档中找不到任何提及 .
1 回答
对于有这些问题的人,请不要按照官方文档中的示例进行操作 . 它们不起作用,而是在Github页面中使用它 . https://github.com/monterail/vue-multiselect/tree/2.0#install--basic-usage
Basic example