這是我第一次“嘗試”使用 vue vue-select，我需要第一個幫助。
我已經匯入了 vue 和 vue-select，就像 vue-select
第一次嘗試有什么問題？當我理解第一個示例時，其余示例會更好。謝謝
uj5u.com熱心網友回復：
我剛剛檢查了您的代碼，似乎這個問題是由于vue您使用的版本造成的。我剛剛使用了版本2.*，它正在作業。
演示：
Vue.component("v-select", VueSelect.VueSelect);
new Vue({
el: "#app",
data: {
selected: 'foo',
options: ["foo", "bar", "baz"]
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-select/3.10.3/vue-select.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-select/dist/vue-select.css"/>
<div id="app">
<h1>Vue Select</h1>
<v-select :options="options" v-model="selected"></v-select>
</div>更新：這是 Vue 3 版本v-select
const { createApp } = Vue
const { createVuetify } = Vuetify
const vuetify = createVuetify()
const app = createApp({
template: '#app-template',
data: () => ({
items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
}),
}).use(vuetify).mount('#app')<script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>
<script src="https://unpkg.com/@vuetify/[email protected]/dist/vuetify.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@vuetify/[email protected]/dist/vuetify.css"/>
<link rel="stylesheet" href="https://unpkg.com/@mdi/[email protected]/css/materialdesignicons.min.css"/>
<script type="text/x-template" id="app-template">
<v-app>
<v-container fluid>
<v-select
:items="items"
></v-select>
</v-container>
</v-app>
</script>
<div id="app"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/486806.html
上一篇：錯誤：ENOENT：沒有這樣的檔案或目錄，打開'C:\Users\username\Desktop\vue-tailwind-naive\tailwind.config.js�