开启ant design vue pro 的multiTab,打开多个详情页面的时候没有发现数据没有刷新,或者最后一个刷新了。再点击回去原来的又变成现在的了。这是加个路由监听就好了。参数是在query里面的,就是地址里面带的。这样的话,加个watch,如下:
watch: {
'$route': function (newVal, oldValue) {
//监听到路由变化重新加载数据
this.queryParam.visitId = this.$route.query.data
this.loadData()
}
},
mounted () {
this.loadData(this.pagination.current)
},
另外还遇见了一个v-model的数据没有刷新的问题,这个问题的话,是因为我们定义data里面的对象变量时候,就给了一个大括号,里面没有具体字段的定义,导致的。如果数据多,不想重新定义,那就this.$forceUpdate()一下。
基本就可以解决。
题外话,多标签真是鸡肋,没必要,左边都有menu了。哎。垃圾产品。
网友评论