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 JugaBootstrap-collapse.js Hide And Show EventsI Need Jqgrid To Refresh The Entire Page, Not Just The GridVue.js: V-bind:class After Axios Request 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() MethodVuex Dispatch Doesn't Return Data In ViewVuejs Get Token From HeaderHow To Check If There Is No Selected Value Then Select First Item? Post a Comment for "Using @click In Select Options - Vue.js 2"
Post a Comment for "Using @click In Select Options - Vue.js 2"