Using @click In Select Options - Vue.js 2 February 28, 2024 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 JugaDiff() Between Two Collections In MongodbNuxt Ssr With Firebase IntegrationVuejs Route Redirect On Refresh Share You may like these postsHow Do I Round To 2 Decimal Places?How To Create A Script With A Function Name Using Scriptelement.innerhtml = Json.stringify?Ngresource Retrive Unique Id From Post Response After $save()Button Isn't Doing Anything When Clicked On Post a Comment for "Using @click In Select Options - Vue.js 2"
Post a Comment for "Using @click In Select Options - Vue.js 2"