vue优化小技巧

149 阅读1分钟

1.多条件判断

    :class="
        $route.name === 'Home'
        || $route.name === 'Home'
        || $route.name === 'List'
        || $route.name === 'Child'
        ? 'isChoose'
        : ''
    "

但是最好的写法绝对是这样:

    :class="{
        'isChoose': ['Home', 'List', 'Child'].includes($route.name)
    }"
    
    

2.路线更改时滚动倒顶部

    App.vue
    watch: {
        $route() {
            window.scrollTo(0, 0)
        }
    }