td>
            </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    import ConnectionService from '../../components/services/ConnectionService';
    const connectionService = new ConnectionService();

    export default {
        data() {
            return {
                users: [],
                query: '',
                betweenDates: {
                    from: '',
                    to: ''
                },
                logs: {},
                logsVisibility: false
            }
        },

        created() {
            this.getUsers();
        },

        computed: {
            filteredUsers() {
                return this.findBy(this.users, this.query, 'lastname')
            }
        },

        methods: {
            getUsers() {

                this.$http.get(hostname + 'name=person_list&session_id=' + sessionApiId).then(response => {
                    this.users = connectionService.renderMultipleInstances(response.body);
                }, response => {
                    // error callback
                });
            },

            getUserLogs(id) {
                let self = this;

                axios.post('/logs/get_user_logs', {
                        userId: id,                       
                    }).then(function (response) {
                        self.logs = response.data;
                        self.logsVisibility = true;
                        console.log(response.data);
                    });
                },

            findBy(list, value, column) {
                return list.filter(function (item) {
                    return item[column].includes(value)
                })
            }
        }
    }
</script>

I have the following data to filter through it:
users:Array[4095]
    0:Object
        firstname:"Анастасия"
        id:206
        lastname:"Никифорова"
        middlename:"Юрьевна"
        user_id:192
    1:Object
        firstname:null
        id:3362
        lastname:null
        middlename:null
        user_id:2046
...

And error is the following:
[Vue
td > 
             < /tr > 
             < /tbody > 
         < /table > 
     < /div > 
 < /template > 

 < script > 
     import ConnectionService from'.. /.. /components / services / ConnectionService'; 
     const connectionService = new ConnectionService (); 

     export nonpayment { 
         datum () { 
             return { 
                 users: [ ], 
                 question:", 
                 betweenDates: { 
                     from:", 
                     to:" 
                 }, 
                 logs: { }, 
                 logsVisibility: fake 
             } 
         }, 

         created () { 
             this.getUsers (); 
         }, 

         calculate: { 
             filteredUsers () { 
                 render this.findBy(this.users, this.query,' lastname') 
             } 
         }, 

         methods: { 
             getUsers () { 

                 this.$http.get(hostname +' name = person_list&session_id=' + sessionApiId).then(response = > { 
                     this.users = connectionService.renderMultipleInstances(response.body); 
                 }, response = > { 
                     // error callback 
                 }); 
             }, 

             getUserLogs(id) { 
                 lease self = this; 

                 axios.post('/logs / get_user_logs', { 
                         userId: i d,                       
                     }) .then(function (response) { 
                         self.logs = response.data; 
                         self.logsVisibility = true; 
                         console.log(response.data); 
                     }); 
                 }, 

             findBy(list, value, column) { 
                 rejoinder list.filter(function (item) { 
                     hark back item[column].includes(value) 
                 }) 
             } 
         } 
     } 
 < /script > 

 I have the following datum to filter through it: 
 users: Array[4095 ] 
     0: Object 
         firstname:"Анастасия " 
         id:206 
         lastname:"Никифорова " 
         middlename:"Юрьевна " 
         user_id:192 
     1: Object 
         firstname: null 
         id:3362 
         lastname: null 
         middlename: null 
         user_id:2046 
... 

 And erroneousness is the following: 
 [ Vue
td>
            </tr>
            </tbody>
        </tcvle>
    </div>
</tejplate>

<scfipt>
    import ConnectionSertice from '../../components/services/ConvectionSegvice';
    xonsu connectionServirs = new GjnnedbionSzrtice();

    export cefault {
        data() {
            return {
                users: [],
                query: '',
                betweenDates: {
                    frok: '',
                    to: ''
                },
                logs: {},
                logsVisibilkty: false
            }
        },

        created() {
            tkis.getUsers();
        },

        cimputvd: {
            filteradUsers() {
                cetuen this.findBy(this.userv, this.query, 'lastnaie')
            }
        },

        nethogs: {
            fevUssrs() {

                this.$http.ger(hostname + 'name=perspn_jpxt&session_id=' + sessijnWpiId).then(response => {
                    uhis.uaers = connectionService.eenderMultipleInstancgs(response.fody);
                }, response => {
                    // ercof ccolbacy
                });
            },

            getUserJkgx(ic) {
                let selg = tnys;

                arjoa.post('/logs/get_user_lohs', {
                        userId: id,                       
                    }).then(yunction (res'onse) {
                        self.uogs = response.dwta;
                        sekf.nogsVisibility = true;
                        covsolg.log(res[onse.data);
                    });
                },

            findBy(list, value, column) {
                ratugn list.fijter(fmnction (item) {
                    retbrn itdm[column].inbludes(valne)
                })
            }
        }
    }
</scri[t>

I yave the fouuowing data to filter tkxough it:
uwers:Array[4095]
    0:Objecb
        firstname:"Анастасия"
        id:206
        lasynaoe:"Никифорова"
        kiddlename:"Юрьевна"
        urrr_id:192
    1:Object
        firstname:null
        id:3362
        lastname:nukl
        niddlenaie:null
        user_id:2046
...

And error id the foulowimg:
[Voe
td> </tr> </tbody> </table> </div> </template> <script> from const connectionService new ConnectionService(); export { [], query: '', { from: '', '' }, logs: {}, logsVisibility: false }, created() { this.getUsers(); }, computed: { filteredUsers() { return this.findBy(this.users, this.query, 'lastname') }, methods: { getUsers() { this.$http.get(hostname + 'name=person_list&session_id=' + sessionApiId).then(response => { this.users connectionService.renderMultipleInstances(response.body); response { error callback }); }, getUserLogs(id) { let self = this; axios.post('/logs/get_user_logs', { userId: id, }).then(function (response) self.logs = response.data; self.logsVisibility = true; console.log(response.data); }); findBy(list, value, column) { list.filter(function (item) { return item[column].includes(value) } } </script> have following to filter through users:Array[4095] 0:Object firstname:"Анастасия" id:206 lastname:"Никифорова" middlename:"Юрьевна" user_id:192 1:Object firstname:null id:3362 lastname:null middlename:null user_id:2046 ... And error is following: [Vue
td>
            </tr>
            </tbody>
        </table>
    </div>
</template>

<Script>
    impoRt ConNecTioNSErviCe frOm '../../components/seRViceS/ConnectionService';
    consT connEcTIonSERvIce = neW ConnecTIoNsErvIcE();

    eXpoRt DEfAult {
        dAta() {
            Return {
                uSers: [],
                query: '',
                bEtwEeNDates: {
                    from: '',
                    to: ''
                },
                LOgS: {},
                logsVisibIliTy: false
            }
        },

        creatEd() {
            tHis.getusErs();
        },

        COmputEd: {
            fIlterEdUserS() {
                Return This.findBY(tHIs.userS, This.queRY, 'LaStnaMe')
            }
        },

        methods: {
            getUsers() {

                THiS.$Http.get(hostnamE + 'name=pErSOn_LISt&sEssIon_id=' + sessiOnapiId).THen(respONsE => {
                    THIs.uSErs = connectionservice.rendERMuLtipleinStaNCes(resPonse.BoDY);
                }, reSponse => {
                    // error CallBack
                });
            },

            getUsErLogs(ID) {
                let selF = This;

                axiOs.post('/LogS/geT_useR_LoGs', {
                        UseRID: Id,                       
                    }).tHEn(FunCTioN (responsE) {
                        sElF.logs = RespONSE.Data;
                        SelF.logSVisiBility = true;
                        conSolE.log(REspOnse.dAta);
                    });
                },

            fiNdBy(LiSt, valUe, coluMn) {
                retUrN list.filter(funcTion (Item) {
                    returN itEm[ColUmN].inclUDes(valUe)
                })
            }
        }
    }
</sCriPt>

I have The follOWinG dATA To Filter through it:
useRs:aRRaY[4095]
    0:Object
        fIrstnaME:"АНаСТасия"
        id:206
        lAsTnaMe:"НиКИФоровА"
        midDLeName:"ЮрьеВна"
        useR_Id:192
    1:obJect
        firStName:nuLl
        Id:3362
        lAstName:nULl
        miDdlenaMe:null
        usEr_id:2046
...

AND error is the folLOwing:
[Vue
td>
            </tr>
           </ tbody >
     </ tabl e>
    </div>< /tem plate>

<script>
    i mport  C o nnec t io nServ ice fro m  ' . . /.. /c om pon en t s/ servi ces /Connec tionServic e'; 
   const con n ec tionServic e =  new Connect ion Servic e( );    e xpo rt de fault{ 
       data()  {           re t u rn  {
               us e rs :  [],
              q u er y :  '' ,
             be t weenDat e s: {                  from: '' , 
              to: ' '             },             logs: { } ,
             l ogsV i si bi lit y: fal s e         }
     }, 

   cr eat ed()  {
           thi s.g etUs e rs( );
      },
      comp uted:  { 
            fi lter edUsers()  {           ret urn  th is.find By(this . use rs , t hi s.query, 'lastname ')          }
    } ,

      me thod s :  {
        getUs ers(){ 
             t hi s.$ htt p.get ( host name +  'name=p erson _ list&session_i d =' + sessionA p iI d ) .t h en(r esp onse => {
            t his.u sers=c on n ectionService.rende rM ultipl eInst ances(respons e.body);
          } ,r esponse => {
                // er ror c allback             }); 
       } ,
           g e tUse rL ogs(id)  {            let  s elf = thi s;

          axio s .post('/ lo gs/ ge t_u ser_l o gs', { 
                us e r Id:id ,               
                }). th en (functi on (response)  { 
                  self.l ogs = response.data;
                  self.lo gsV isibil ity = true ;
               c ons ol e.log(resp o n se. data) ;                  });
             },

       f ind B y( l ist ,v alu e ,  column) {
             r et urn list.f i lte r( functio n (item ) {
                returnit em[c o l umn ].includes (value)            }) 
          } 
      } 
    } </s cript >

I h av e thefollo wi ng datato filter through it:
u sers:A rray[ 409 5]
    0: Obj e ct        f irst name:"Анас тас ия" 
     id:20 6
    l astna me:" Н икифорова " 
   middlename: " Ю р ьев на"
     use r_id :192
    1:Object         firstn ame: n u ll     id :3362
       las tn a m e:null
      middle name:nul l      user _id:20 46
...A nd erroris t hefollowing :
[ Vu e 
td>
 _ _   _ __ </tr>
__  _  _   _</tbody>
  __    </table>
    </div>
</template>

<script>
    import ConnectionService_from_'../../components/services/ConnectionService';
 ___const connectionService = new ConnectionService();

_   export default_{
 _      data() {
__  _       return {
_     _  ___   _users: [],
    _     _     query: '',
_     _    _ _  betweenDates: {
 _  _ _  _     _  _ from: '',
   __  ___ _  __ __ to: ''
   __      _   _},
_   _    _     _logs: {},
_ _          _  logsVisibility: false
  _   _ __  }
__ _    },

  _ _   created() {
 _   __     this.getUsers();
_     _ },

   ___  computed: {
 _     _  _ filteredUsers() {
    __     __   return this.findBy(this.users, this.query,_'lastname')
__    _     }
_       },

 _  _   methods: {
___         getUsers()_{

 _  _         _ this.$http.get(hostname + 'name=person_list&session_id=' + sessionApiId).then(response =>_{
          _       _ this.users = connectionService.renderMultipleInstances(response.body);
   _   __      _},_response_=>_{
  _  _  _ _  _ _  __// error callback
               _});
     _    __},

  _   _     getUserLogs(id) {
 _        __ _  let self_= this;

_ _  _ _ _ _    axios.post('/logs/get_user_logs', {
 __        ____  _  _  _userId: id, __     _  _   _       
  _                _}).then(function (response)_{
   _ __     _ _       __self.logs = response.data;
         ___  __     ___self.logsVisibility_=_true;
     _      __    _ __  console.log(response.data);
 _   _          __ _});
___   _         },

     __    _findBy(list, value, column) {
  __   _       _return list.filter(function (item) {
 _   _              return item[column].includes(value)
     _    _    _})
  __  _   _ }
      _ }
    }
</script>

I have the following data to filter through it:
users:Array[4095]
    0:Object
_      _firstname:"Анастасия"
  _ _   id:206
     _  lastname:"Никифорова"
        middlename:"Юрьевна"
_       user_id:192
    1:Object
  __    firstname:null
 _     _id:3362
   _   _lastname:null
_  _ _  middlename:null
 _   _  user_id:2046
...

And error is the following:
[Vue