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

亚连
リリース: 2018-06-04 16:15:27
オリジナル
3583 人が閲覧しました

以下に、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート