Heim >Web-Frontend >js-Tutorial >Überwachung auf Routing-Änderungen und Überwachung von Überwachungsobjekten (ausführliches Tutorial)
Im Folgenden werde ich Ihnen ein Beispiel für die Verwendung von Watch zur Überwachung von Routing-Änderungen und zur Überwachung von Überwachungsobjekten vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.
1. Beobachten Sie, um Routenänderungen zu überwachen
Lösung:
export default{ data(){ return{} }, watch:{ "$route":"getPath" // 监听事件 }, methods:{ getPath(){ let path = this.$roune.path; //或得当前路径 进行逻辑判断 } } }
2. Überwachungsobjekt beobachten
Beispiel:
<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:{ 'form.region':function(newValue,oldValue){ console.info(newValue); console.info(oldValue); } } }
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
p5.js Einführungs-Tutorial-Beispielcode für die Ballanimation
Detaillierte Erläuterung der Angularjs Promise-Beispiele
Detaillierte Erläuterung von fünf Möglichkeiten zum Exportieren von Excel mit JS
Das obige ist der detaillierte Inhalt vonÜberwachung auf Routing-Änderungen und Überwachung von Überwachungsobjekten (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!