(待作例子)问题描述: 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

相关文章
相关标签/搜索