使用this.$router.push()方法页面跳转后不加载列表刷新_this.$router.push 页面不刷新

使用this.$router.push()方法页面跳转后不加载列表刷新

注意：created()方法是无效的

方法：在需要刷新的页面添加以下内容

1. 代码实现：

 watch:{
   $route(){
     //跳转到该页面后需要进行的操作
   }
 },
1
2
3
4
5

2. 示例：

（1）子组件

onSubmit () {
    	this.$http[!this.form.id ? 'post' : 'put']('/cd/question', {...this.form}).then(({ data: res }) => {
          if (res && res.code === 0) {
            this.$message({
              message: '操作成功',
              type: 'success',
              duration: 500,
              onClose: () => {
              }
            })
            this.$router.push({ name: 'user-question' })
          } else {
            this.$message.error(res.msg)
          }
        })
      },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

（2）父组件（user-question）
在子组件用this.$emit('refreshDataList', true);无效
所以在父组件使用监听路由的方法

 watch: {
    $route () {
      this.getDataList();
    }
  },
1
2
3
4
5

this.getDataList():是列表查询的方法