(待作例子)問題描述: el-tab 下有2個路由,其中第1個路由設置了 beforeRouteLeave,點擊 el-tab 第2個tab時,樣式直接跟過去了(預期結果是:樣式不到第二個tab上,b

解決:
通過以上分析,強制賦值應該在前次賦值並且DOM已經刷新完畢以後進行。可使用$nextTick,如下是代碼:git

handleTabClick (tab) {
                let name = this.filter1.tab
                this.$router.push({name})
                if (tab.name == 'second') {
                    this.$nextTick(() => {
                        this.filter1.tab = 'first'
                    })
                }
            },

出處:https://lastvigo.github.io/2019/02/25/%E7%94%B1el-tabs%E4%BD%BF%E7%94%A8%E8%B0%88Vue%E6%B8%B2%E6%9F%93%E6%9C%BA%E5%88%B6/github

相關文章
相關標籤/搜索