Vuetify Basic
HTML
<link rel="stylesheet" href="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
<script src="https://unpkg.com/vuetify@0.14.8/dist/vuetify.min.js"></script>
<div id="app">
<v-app dark>
<v-select v-model="currentItem" :items="items" @change="itemChanged"></v-select> </v-app>
</div>
CSS
#a {
width: 50%;
}
table {
width: 50% !important;
}
JavaScript
Vue.use(Vuetify);
var vm = new Vue({
el: "#app",
methods: {
itemChanged(item) {
console.log('item changed',item);
}
},
data: {
currentItem: '',
items: [
{ text: "Name", value: 'name' },
{ text: "Number", value: 'number' },
{ text: "Inputs", value: 'inputs' }
]
},
mounted() {
setTimeout(() => {
this.currentItem = 'inputs';
}, 2000);
}
});