vue?el-table中使用el-select選中后無效的解決
更新時間：2022年08月09日 14:47:07 作者：youyudexiaowangzi
這篇文章主要介紹了vue?el-table中使用el-select選中后無效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
el-table使用el-select選中后無效
需求：表格中一行顯示一條數(shù)據(jù)，數(shù)據(jù)中的某個屬性要展示一列，并且再另一列中用el-select用作選擇修改，修改后提示用戶是從從原來的狀態(tài)改為新狀態(tài)。
表格數(shù)據(jù)從服務(wù)器返回，為了修改時獲取原來的狀態(tài)和新狀態(tài)，給每一行數(shù)據(jù)新增了一個字段，但是點(diǎn)擊下拉框的時候發(fā)現(xiàn)下拉框選擇后沒有生效，
幾經(jīng)調(diào)整后發(fā)現(xiàn)是添加新字段的原因
服務(wù)器返回?cái)?shù)據(jù)：returnData:數(shù)組
? ? this.users = returnData
? ? this.users.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })應(yīng)該改成
? ? returnData.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })
? ? this.users = returnDatael-table中selectable的使用
html代碼
<el-table-column ? ? type="selection" ? ? width="55" ? ? :selectable="selectable" ? ? :reserve-selection="true" ? ? align="center"> </el-table-column>
js代碼
?//判斷是否禁用
checkStatus(row, index){
? ? if(this.arr.some(el=>{return el===row.id})){
? ? ? ? ?return false;
? ? }else{
? ? ? ? ?return true;
? ? }
?}, ? ? ? ? 以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中Element的table多選表格如何實(shí)現(xiàn)單選
這篇文章主要介紹了Vue中Element的table多選表格如何實(shí)現(xiàn)單選，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了八種Vue組件間通訊方式合集(推薦)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
nuxt框架中對vuex進(jìn)行模塊化設(shè)置的實(shí)現(xiàn)方法
這篇文章主要介紹了nuxt框架中對vuex進(jìn)行模塊化設(shè)置的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
基于vue+uniapp直播項(xiàng)目實(shí)現(xiàn)uni-app仿抖音/陌陌直播室功能
uni-liveShow是一個基于vue+uni-app技術(shù)開發(fā)的集小視頻/IM聊天/直播等功能于一體的微直播項(xiàng)目。本文通過實(shí)例圖文的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友參考下吧2019-11-11
vue+springboot實(shí)現(xiàn)項(xiàng)目的CORS跨域請求
這篇文章主要介紹了vue+springboot實(shí)現(xiàn)項(xiàng)目的CORS跨域請求，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
vue-router中scrollBehavior的巧妙用法
本文給大家介紹vue-router中scrollBehavior的妙用,文中給大家提到了兩種解決方案，需要的朋友可以參考下2018-07-07
vue跳轉(zhuǎn)到詳情頁的兩種實(shí)現(xiàn)方法
最近接觸了vue項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于vue跳轉(zhuǎn)到詳情頁的兩種實(shí)現(xiàn)方法,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue中的ESLint配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue接通后端api以及部署到服務(wù)器操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了解決vue 單文件組件中樣式加載問題,文章末尾給大家補(bǔ)充介紹了vue單文件組件中樣式的問題，需要的朋友可以參考下2019-04-04