隨手筆記(十)———vue前後端交互之小按鈕的春天

博主最近一直深受vue摧殘,後端代碼基本上很快搜easy,但是問題就在前端上,前後端分離的項目,頭一回搞!這是大姑娘上花轎頭一回啊!

今天記錄一下前後端交互的代碼主要是說按鈕這塊兒的,這個按鈕呢是在列表裏面的

咱就說下這個通過按鈕:首先我要在前端獲取這個主表id,這個table上的數據是由幾個表拼湊,之後點擊通過會賦予一個狀態值:1;

在之後,咱們會彈出一個框,這裏面的input也要提交;

對!!到現在爲止是三個值 

我們先看一下列表裏面這個按鈕是怎麼寫的:

還有他的提交模態框

我們先看下adopt()裏面的params.row,可以通過他獲取到我們這行的列表所有數據,之後來看這個函數

我們用這個obj來給他傳參,當然了obj要在上面的data裏面聲明一下

下一步:我們的通過按鈕基本上可以了 回到模態框吧

紅框裏的就是提交按鈕了

 

這塊兒就是調用後端的接口了

之後再index.js當中加入

基本上就沒有什麼大問題了!!

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章