微信扫一扫看面试题

关注面试题库

vue中子组件的created、mounted钩子中获取不到props中的值问题

export default {
    props: ['chartData'],
        data(){
            return {
                cData: []
            }
        },
        watch: {
            //正确给 cData 赋值的 方法
            chartData: function(newVal,oldVal){
                this.cData = newVal;  //newVal即是chartData
                newVa l&& this.drawChart(); //newVal存在的话执行drawChar函数
            }
        },
        methods: {
            drawChart(){
                //执行其他逻辑
            }
        },
     
        mounted() {
            //在created、mounted这样的生命周期, 给 this.cData赋值会失败,错误赋值方法
            // this.cData = this.chartData; 
        }
}

参考地址

查看前端面试真的题

在这里插入图片描述

在这里插入图片描述

posted @ 2022-07-23 10:03  web前端面试小助手  阅读(332)  评论(0)    收藏  举报