Maison > interface Web > js tutoriel > Une fois que vue a obtenu les détails de la page, comment contrôler si l'utilisateur a modifié les informations lors du changement de page ?

Une fois que vue a obtenu les détails de la page, comment contrôler si l'utilisateur a modifié les informations lors du changement de page ?

不言
Libérer: 2018-07-07 10:09:50
original
4855 Les gens l'ont consulté

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. export

default {

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  页面进来,先获取默认数据

    }

  },
  }
Copier après la connexion
Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au PHP chinois. site web!

Recommandations associées :

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal