ルーティングの変更を監視し、監視しているオブジェクトを監視します (詳細なチュートリアル)

以下に、watch を使用してルーティングの変更を監視し、監視オブジェクトを監視する例を紹介します。これは優れた参考値であり、皆さんの役に立つことを願っています。

1. 監視ルーティングの変更を監視します

解決策:

export default{
data(){
return{}
},
watch:{
"$route":"getPath" // 监听事件
},
methods:{
getPath(){
let path = this.$roune.path; //或得当前路径
进行逻辑判断
}
}
}

2. 監視オブジェクトを監視します

例:

<el-select v-model="form.region" placeholder="请选择">
   <el-option
     v-for="item in rootCategory" :key="item.id"
     :label="item.name"
     :value="item.id">
   </el-option>
</el-select>
export default{
data(){
return{ 
form:{ 
region:""
}
}
},
watch:{
&#39;form.region&#39;:function(newValue,oldValue){
console.info(newValue);
console.info(oldValue);
}
}
}

上記は私が皆さんのためにまとめたものであり、将来皆さんに役立つことを願っています。

関連記事:

p5.js入門チュートリアル - 小さなボールアニメーションのサンプルコード

Angularjs Promiseのサンプルの詳細説明

JSを使用してExcelをエクスポートする5つの方法の詳細説明

以上がルーティングの変更を監視し、監視しているオブジェクトを監視します (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。