Using @click In Select Options - Vue.js 2 December 22, 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 Make Keypress Event Of Asp Textbox?Vue Js Provide/inject And PropsPutting Data Inside Prop To Make It Look Tidy Vue.js Share You may like these postsJwplayer Javascript Interaction Not WorkingHow To Sanitize Js And Html In Inputs?Android Webview Cookie Returns NullSocial Media Sites Preventing Other Sites Displaying Their Pages In An Iframe Post a Comment for "Using @click In Select Options - Vue.js 2"
Post a Comment for "Using @click In Select Options - Vue.js 2"