Using @click In Select Options - Vue.js 2 October 19, 2023 Post a Comment I'd like to use @click in select options. So far I have: sort by namesort by priceSolution 1: You can't bind event to <option>, and you need to use the change event of the <select>, once you click a option, the change event callback of select will be invoked:<select name="sortBy" id="sortBy"@change="sortBy(sortType)" v-model="sortType"> <optionv-for="item in sortOptions":value="item.value">{{item.text}}</option> </select> newVue({ el: '...', data: { sortType: 'sort', sortOptions: [ { text: 'sort by', value: 'sort' }, { text: 'name', value: 'name' }, { text: 'price', value: 'price' } ] } }) CopyOnce you change a option the value of sortTyoe will be changed to it, and the @change will call the callback sortBy(sortType). Baca JugaHow To Check If There Is No Selected Value Then Select First Item?Load More Button In VuejsHow Do I Push Items Into An Array In The Data Object In Vuejs? Vue Seems Not To Be Watching The .push() Method Share You may like these postsHow Do I Push Items Into An Array In The Data Object In Vuejs? Vue Seems Not To Be Watching The .push() MethodLoad More Button In VuejsVue.js: V-bind:class After Axios RequestVuejs Get Token From Header Post a Comment for "Using @click In Select Options - Vue.js 2"
Post a Comment for "Using @click In Select Options - Vue.js 2"