Vue如何更改表格中的某一行選項(xiàng)值
更新時(shí)間：2022年04月23日 14:42:36 作者：Software攻城獅
這篇文章主要介紹了Vue如何更改表格中的某一行選項(xiàng)值，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
如何更改表格中的某一行選項(xiàng)值
結(jié)合后端接口，進(jìn)行相應(yīng)的傳參 Id， state值等，因相關(guān)組件庫(kù)中的方法說(shuō)明比較簡(jiǎn)單，有些需要自己去嘗試，如下圖中change()方法的傳參等
//ajax發(fā)送請(qǐng)求的相關(guān)方法： get : 獲取 , post: 新增 , put/patch : 更改, delete: 刪除
代碼實(shí)現(xiàn)
組件庫(kù)中的方法介紹：
接口示例：
效果：
對(duì)table某一行的數(shù)據(jù)進(jìn)行編輯，刪除，查看詳情操作
效果圖
在html中需要對(duì)button按鈕進(jìn)行template包裹，scope.row就是這一行的數(shù)據(jù)
<el-table-column label="操作"> <template slot-scope="scope"> <el-button type="primary" @click="editProgram(scope.row)">編輯</el-button> <el-button type="danger" @click="del(scope.row)">刪除</el-button> <el-button type="primary" @click="showDetail(scope.row)">詳情</el-button> </template> </el-table-column>
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用elementUI分頁(yè)如何實(shí)現(xiàn)切換頁(yè)面時(shí)返回頁(yè)面頂部
這篇文章主要介紹了vue使用elementUI分頁(yè)如何實(shí)現(xiàn)切換頁(yè)面時(shí)返回頁(yè)面頂部，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細(xì)介紹了基于vue.js的分頁(yè)插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Vue el-table組件如何實(shí)現(xiàn)將日期格式化
這篇文章主要介紹了Vue el-table組件如何實(shí)現(xiàn)將日期格式化問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
在vue的使用過(guò)程中,有一個(gè)組件,幾乎是必用的,那就是router-view,它是所有組件的入口,是單頁(yè)面系統(tǒng)的一把利劍,如果你的系統(tǒng)是火箭,那么router-view無(wú)疑將是這艘火箭的北斗衛(wèi)星，本文將給大家介紹vue中的router-view組件是如何生成的,感興趣的朋友可以參考下2024-01-01
本文通過(guò)實(shí)例代碼給大家介紹了vue 下列表側(cè)滑操作,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
Vue?element實(shí)現(xiàn)權(quán)限管理業(yè)務(wù)流程詳解
目前本人再使用vue-element-admin項(xiàng)目時(shí)都是通過(guò)直接刪除一些用不上的路由來(lái)進(jìn)行側(cè)邊欄的清除，但是其實(shí)有一個(gè)更加好的辦法來(lái)對(duì)項(xiàng)目的側(cè)邊欄顯示的內(nèi)用進(jìn)行管理，就是權(quán)限管理，其實(shí)也不知道這個(gè)方法好不好，原理上來(lái)說(shuō)時(shí)跟直接刪除該路由的方式時(shí)一樣的2022-08-08
這篇文章主要為大家介紹了vue的生命周期，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
這篇文章主要介紹了vue?table表格中如何控制下拉框的顯示隱藏問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
vue點(diǎn)擊標(biāo)簽切換選中及互相排斥操作
這篇文章主要介紹了vue點(diǎn)擊標(biāo)簽切換選中及互相排斥操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
Vue3使用transition組件改變DOM屬性的方式小結(jié)
這篇文章主要為大家詳細(xì)介紹了Vue3中使用transition組件改變DOM屬性的常用方式,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01