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 ?

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

　　　　}

　　},
  }

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!