国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

vue js? ????? URL? ?????.
P粉316890884
P粉316890884 2024-03-28 19:43:37
0
1
545

vuejs 3? ???? ??? ??? ????? ????. ? ?? ????? ????? URL? ??? ?? ?? vue ???? ?????. ?? ? ??? ? ??? URL? ??? ????? ????? ? ?? ??? ?? ????? URL? ???? ? ?? ????? ??? ????? URL(?? ?? ??)? ????? ???.

???? ?? ??? ???? ??? ??? ????localhost:8080/filter?color=red&size=medium . ??? ? ?? ??? ???? ? ??? ?? ????? ?? ? URL? ??? ??? ??? localhost:8080/filter?color=red&color=blue&size=mediumlocalhost:8080/filter?color=red&color=blue&size=large

<template>
            <div class="products">
                <div class="multi_filters">
                    <h1>Multi Filter By Color</h1>
                    <a href="#" @click.prevent="activateFilter('color','red')">Red color</a>
                    <a href="#"  @click.prevent="activateFilter('color','blue')">Blue color</a>
                </div>
    
                <div class="single_filter">
                    <h1>Multi Size</h1>
                    <a href="#" @click.prevent="activateFilter('size','medium')">Medium</a>
                    <a href="#"  @click.prevent="activateFilter('size','large')">Large</a>
                </div>
    
            </div>
        </template>
       <script>
                export default {
                    data() {
                        return {
                            filters:{},
                            selectedFilters:{}
                        }
                    },
                    methods:{
                        activateFilter(key,value){
                            this.selectedFilters = Object.assign({},this.selectedFilters,{[key]:value})
                            console.log(this.selectedFilters)
                            this.$router.replace({
                                query: {
                                    ...this.selectedFilters
                                }
                            })
                        }
                    }
                
                }
            </script>

P粉316890884
P粉316890884

?? ??(1)
P粉434996845

??? ??? ?? ? ?? ?? ???? ???? ???. urlParams ???? ???? ??? ??? ??? ???? ???? ??? ? ??? ?? ???.

???

? ?? ??? ????:

???

?? ? ?? ?? ??? ?? ???:

???