大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

vue使用watch监听拿到props的传值

<script>
    export default {
        data() {
            return {
                floorData0: {},
                floorData1: {},
                floorData2: {},
            }
        },
        props:['floorData'],
        watch:{
            floorData:val => {
                console.log(this.floorData);
                this.floorData0 = this.floordata[0];
                this.floorData1 = this.floordata[1];
                this.floorData2 = this.floordata[2];
            }
        }
    }
</script>

在floorData传值成功的前提下,有时候会出现直接在 watch 里面通过 this.floorData 是无法拿到的,总是显示 undefined。然后需要通过 newVal和oldVal这么处理,才能拿到 floorData 的值:

        watch:{
            floorData:(newVal,oldVal) => {
                console.log(newVal);
                this.floorData0 = newVal[0];
                this.floorData1 = newVal[1];
                this.floorData2 = newVal[2];
            }
        }