2 way binding Select Component Vue.js

pagination_component.vue

<template>
    <nav id="pagination" class="clearfix u-text-align-right u-margin-bottom-l u-line-height-40">
        Page
        <select id="pagination_select" v-model="pageSelected" class="e-select i-svg__arrow-down" :disabled="totalPages === 1 ? true : false">
            <option
                id="`pagination_select__option`"
                v-for="pageNumber in totalPages"
                :selected="pageNumber === currentPage"
                :value="pageNumber"
            >
                {{pageNumber}}
            </option>

        </select>
        out of {{totalPages}}
    </nav>
</template>

<script>
    import {mapActions, mapGetters} from 'vuex'

    export default {
        props: ['totalPages', 'currentPage'],
        methods: {
            ...mapActions([
                'setFilters'
            ])
        },
        computed: {
            ...mapGetters([
                'getFilters'
            ]),

            pageSelected: {
                get () {
                    return this.getFilters.currentPage
                },

                set (val) {
                    const filters = {...this.getFilters}
                    filters.currentPage = val

                    this.setFilters(filters)
                }
            }
        }
    }
</script>