【问题标题】:How to make a Edit after making the Create创建后如何进行编辑
【发布时间】:2021-03-11 19:20:56
【问题描述】:

我正在为我的 Vue/Laravel 应用程序做一个 crud,我的添加按钮工作正常,但我无法让我的编辑/更新按钮工作。 我没有从后端或前端得到任何错误,只是不工作 这是我的代码:

前端:

async addDespesa() {
  let uri = "api/despesas";
  const response = await axios.post(uri, this.despesa).then((response) => {
    this.despesas.push({
      des: this.despesa.des,
      valr: this.despesa.valr,
      stt: this.despesa.stt,
      vencc: this.despesa.vencc,
      emiss: this.despesa.emiss,
    });
    this.despesa.des = "";
    this.despesa.valr = "";
    this.despesa.vencc = "";
    this.despesa.stt = "";
    this.despesa.emiss = "";
    this.getDespesa();
  });
},

 async updateDespesa() {
  let uri = `api/despesas/{despesa}/edit`;
  const response = await axios.get(uri, this.despesa).then((response) => {
   this.despesas.push({
      des: this.despesa.des,
      valr: this.despesa.valr,
      stt: this.despesa.stt,
      vencc: this.despesa.vencc,
      emiss: this.despesa.emiss,
    });
    this.despesa.des = "";
    this.despesa.valr = "";
    this.despesa.vencc = "";
    this.despesa.stt = "";
    this.despesa.emiss = "";
    this.getDespesa();
  });
},

后端:

public function edit($id)
{
  $despesa = Despesa::find($id);
  return response()->json($despesa);
}

public function update($id, Request $request)
{
  $despesa = Despesa::find($id);

  $despesa->update($request->all());

  return response()->json('Sucess');
}

【问题讨论】:

  • 您根本没有使用响应。也许,你想要的是用响应数据填充一些前端变量
  • 我该怎么做?

标签: laravel vue.js axios


【解决方案1】:

我通常为 store 和 update 回收更新功能。

public function store(Request $request) {
    return $this->update($request, 0);
}

public function update(Request $request, $id) {
    if ($id == 0) {
        $despesa = new Despesa;
    }
    else {
        $despesa = Despesa::findOrFail($id);
    }

    $despesa->update($request->all());

    return response()->json('Sucess');
}

另外,检查更新函数的参数顺序。先请求后 id

【讨论】:

  • 工作,非常感谢乔!现在我只需要解决我的前端。
猜你喜欢
  • 1970-01-01
  • 2013-08-11
  • 1970-01-01
  • 2010-11-28
  • 2021-08-19
  • 2012-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多