Cet article explique principalement comment surveiller si l'utilisateur a modifié les informations lors du changement de page après avoir obtenu les détails de la page dans Vue. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. 🎜>
Vous pouvez utiliser beforeRouteLeave et update pour juger. exportdefault {
name: 'supplier', components:{cmtWrap,cmtContent}, props: [], beforeRouteLeave (to, from, next) {//离开当前页 if(this.updateCount > 1){ //更新次数大于1 说明用户修改过当前页数据 因为获取详情时会更新一次 if(from.path.includes('nowPath')){ this.$confirm('即将离开当前页,请确定是否保存当前数据?', '离开当前页', { confirmButtonText: '保存', cancelButtonText: '不保存', type: 'warning' }).then(() => { //...todo 这里调接口 保存数据 next() }).catch(() => {next()}); }else{next()} }else{ next() } }, updated:function () { this.updateCount = this.updateCount + 1 }, data() { return { updateCount:0,//判断用户是否更新当前数据 } }, computed:{}, watch:{}, mounted:function () { this.getInitData() }, methods: { getInitData:function(){ //...todo 页面进来,先获取默认数据 } }, }
vue implémente une mise à jour rapide de la liste après avoir cliqué pour suivre
elementui et el-upload sont dans v-for Comment obtenir l'index lors de son utilisation
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!