vue获得的props对象打印出来有结果,可是里面的值对打印出来是undefined

向模态框子组件中传递的props
代码如下:
图片描述
结果如下:
图片描述

图片描述

模态框无法得到父组件实时更改的数据,代码示例:http://jsbin.com/rijoyinuca/e...

阅读 17.8k
3 个回答

vue模态框传递数据
v-show初始状态modal已经生成完成渲染,父元素data更新,模态框dom没有更新,
使用v-if比较好,在父元素data更新的时候modal才开始重建,data更改即销毁,能达到模态框根据传入数据显示的要求
例子:http://jsbin.com/rijoyinuca/e...

你的msg是数组吧。this.msg.sealList -> this.msg[0].sealList试试

你看一下它的输出顺序

        props: {
            arr: Array,
            str: String,
        },
        watch: {
            "arr": function (val) {
                console.log(val,1);
            },
            "str": function (val) {
                console.log(val,2);
            }
        },
        created(){
            console.log(this.arr ,3);
            console.log(this.str ,4);
        },
        ready(){
            console.log(this.arr ,5);
            console.log(this.str ,6);
        },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题