watch はルーティング $route の変更を監視し、Ajax リクエストを再度開始します

watch はルーティング $route の変更を監視し、Ajax リクエストを再度開始します

1. 前提

1. 一部のプロジェクト インターフェイスはルート監視をリッスンしてデータを取得します
2. リクエストを再度開始するのは多くの友人に迷惑です ルート $route パラメータの変更を Watch を通じてリアルタイムで監視し、最新のパラメータをそれに渡し、Ajax リクエストを開始します3.
watch この関数はデータの変化を時々監視するもので、データの変化を監視しながら即座にトリガーする関数をいくつか記述します。

2. 実装

	// 通过watch监听组件$route属性 一旦发生变化就执行下方语句
	watch:{
    
    
		$route:{
    
    
			handler(newValue,oldValue){
    
    
				// 能够获取到最新的路由参数,合并到Objectname中
				Object.assign(this.Objectname,this.$route.query,this.$route.params)
				// 进行ajax请求数据
				this.getsearchlist()
				//分类名字与关键字不用清理:因为每一次路由发生变化的时候,都会给他赋予新的数据
				this.Objectname.category1Id=""
				this.Objectname.category2Id=""
				this.Objectname.category3Id=""

			},
			deep:true
		}
	}

おすすめ

転載: blog.csdn.net/m0_62496369/article/details/127841543