Select the multi-box in the table and add this item to the array, but if you click not to select it, it will also be added. How to solve the problem?

problem description

Select the multi-box in the

table and add this item to the array, but if you click not to select it, it will also be added. How to solve

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

< el-checkbox @ change= "getRow (scope.row)" VMI if = "scope.row.platformUsername" > < / el-checkbox >

getRow:function (row) {

   this.nextDataArr.push({"platfromLogo":row.platfromLogo,"platformZid":row.platformZid,"userPlat formZid":row.userPlatnameWithZid[0].userPlatformZid})

   },

what result do you expect? What is the error message actually seen?

error: I click, select, add data, and click not to select the array again will also add data

Vue.js element-ui
Mar.28,2021

v-model will help you maintain a list, that won't repeat push.

The js judgment array used in

defines a new array
getRow:function (row) {

because there is an object in my array. 
if (this.nextDataArrry.indexOf(row.userPlatnameWithZid[0].userPlatformZid) === -1) {
     this.nextDataArrry.push(row.userPlatnameWithZid[0].userPlatformZid)this.nextDataArr.push({"platfromLogo":row.platfromLogo,"platformZid":row.platformZid,"userPlatformZid":row.userPlatnameWithZid[0].userPlatformZid})
        } else {
            this.nextDataArrry.splice(this.nextDataArrry.indexOf(row.userPlatnameWithZid[0].userPlatformZid), 1)
            this.nextDataArr.splice(this.nextDataArrry.indexOf(row.userPlatnameWithZid[0].userPlatformZid), 1)
        }
        console.log(this.nextDataArrry)
        console.log(this.nextDataArr)
   },

this is a solution.

Previous: Php architecture is often asked how to improve the concurrent writing of the database, how to answer?

Next: How to add the numbers stored in the two string,?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu