挂载函数多次调用vue.js

Question

当我的页面第一次加载时，我的 vue.js 页面中有一个挂载函数 this.editId 变量包含值，但第二次和第三次也自动调用挂载函数，这表明

app.js:1088 GET http://localhost:8000/api/backend/bill/undefined 404 (Not Found)

但我第一次在控制台中获取 editId 值。

  export default {
      components: {
            Datepicker,datetime
        },
      async mounted(){
           const header = {
                      'Authorization': 'Bearer ' + this.LoginUserData,
                };
            this.editId = this.$route.params.id;
             try{   
             console.log(this.editId);
             let response = await axios.get(`/api/backend/bill/${this.editId}` ,{headers: header});
             this.form = response.data;
             }catch(err){
              
             }
        },

任何解决方案，谢谢

Answer 1

尝试检查

if (this.$route.params.id)
  const header = {
    'Authorization': 'Bearer ' + this.LoginUserData,
  };
  this.editId = this.$route.params.id;
   try {   
     let response = await axios.get(`/api/backend/bill/${this.editId}` ,{headers: header});
     this.form = response.data;
   } catch(err) {
     console.log(err)
   }
}

然后进行 api 调用