A prettier way to display select boxes if you're selecting objects if you're using a v-for on objects.
No special dependencies, no jquery, no bootstrap, just VueJS and CSS goodness.
- Vue.js
^2.0.0
$ npm install https://github.com/zOxta/vue-dropdowns/tarball/master
<dropdown :options="arrayOfObjects" :selected="object" :truncate-selected-option="25" @updateOption="methodToRunOnSelect"></dropdown>
<script>
import dropdown from 'vue-dropdowns';
export default {
data() {
return {
arrayOfObjects: [],
object: {
name: 'Object Name',
}
}
},
components: {
'dropdown': dropdown,
},
methods: {
methodToRunOnSelect(payload) {
this.object = payload;
}
}
}
</script>
- Add different styles to choose from
- Add option to include own styling via json object