Wie kann überwacht werden, ob der Benutzer die Informationen beim Seitenwechsel geändert hat, nachdem Vue die Seitendetails erhalten hat?

In diesem Artikel wird hauptsächlich beschrieben, wie Sie überwachen können, ob der Benutzer die Informationen geändert hat, nachdem er die Seitendetails in Vue erhalten hat. Jetzt können Freunde in Not darauf verweisen 🎜>

Sie können beforeRouteLeave verwenden und aktualisieren, um zu urteilen. exportieren

Standard {

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

　　　　}

　　},
  }

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

vue implementiert eine zeitnahe Aktualisierung der Liste, nachdem Sie auf „Folgen“ geklickt haben.

elementui und el-upload sind in v-for So erhalten Sie den Index, wenn Sie ihn verwenden

Das obige ist der detaillierte Inhalt vonWie kann überwacht werden, ob der Benutzer die Informationen beim Seitenwechsel geändert hat, nachdem Vue die Seitendetails erhalten hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!