Daniel
Daniel
Comparte:

Como puedo filtrar un resultado de un array de objetos en vuejs con laravel

0
Intento crear dos funciones para mouseover y mouseout, pero esta parte de vuejs me cuesta un poco de trabajo, esto tengo en mis funciones de vuejs, el que me interesa un poco mas es el aespNew: this.aesp
 import draggable from 'vuedraggable'

export default {
    components: {
        draggable
    },

    props: ['mSemestreI','mSemestreII','mSemestreIII', 'mSemestreIV', 'mSemestreV', 'mSemestreVI', 'mSemestreVII', 'mSemestreVIII', 'mSemestreIX','aesp'],

    data() {
        return{
            mSemestreINew: this.mSemestreI,
            mSemestreIINew: this.mSemestreII,
            mSemestreIIINew: this.mSemestreIII,
            mSemestreIVNew: this.mSemestreIV,
            mSemestreVNew: this.mSemestreV,
            mSemestreVINew: this.mSemestreVI,
            mSemestreVIINew: this.mSemestreVII,
            mSemestreVIIINew: this.mSemestreVIII,
            mSemestreIXNew: this.mSemestreIX,
            aespNew: this.aesp,
            btn: 'primary'
        }
    },

    methods: {
        onAdd(event, posx){
            let id = event.item.getAttribute('data-id');
            axios.patch('/materias/updatePosx/' + id, {
                posx: posx
            }).then((response)=>{
                //success message
            })
        },
        update(){
            this.mSemestreINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreIINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreIIINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreIVNew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreVNew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreVINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreVIINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreVIIINew.map((posy,index) => {
                posy.posy = index + 1
            })

            this.mSemestreIXNew.map((posy,index) => {
                posy.posy = index + 1
            })


            let posy = this.mSemestreINew.concat(this.mSemestreIINew).concat(this.mSemestreIIINew).concat(this.mSemestreIVNew).concat(this.mSemestreVNew).concat(this.mSemestreVINew).concat(this.mSemestreVIINew).concat(this.mSemestreVIIINew).concat(this.mSemestreIXNew);

            axios.put('/materias/updateAll', {
                posy: posy
            }).then((response) => {
                //success message
            })
        },
        mouseOver: function(index){
            let mover = this.aespNew;
            console.log(mover);
            this.active = true;
        },
        mouseOut:function(){
            console.log('false');
            this.active = false;
        }
    }
}

la parte del Log me arroja esto haciendo esto console.log(mover);
(44) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, __ob__: Observer]0: {…}1: {…}2: {…}3: {…}4: {…}5: {…}6: {…}7: {…}8: {…}9: {…}10: {…}11: {…}12: {…}13: {…}14: {…}15: {…}16: {…}17: {…}18: {…}19: {…}20: {…}21: {…}22: {…}23: {…}24: {…}25: {…}26: {…}27: {…}28: {…}29: {…}30: {…}31: {…}32: {…}33: {…}34: {…}35: {…}36: {…}37: {…}38: {…}39: {…}40: {…}41: {…}42: {…}43: {…}length: 44__ob__: Observer {value: Array(44), dep: Dep, vmCount: 0}__proto__: Array
Es todo el objeto que trae pero solo necesito acceder a 2 datos, pero no se como hacerlo