向模态框子组件中传递的props
代码如下:
结果如下:
模态框无法得到父组件实时更改的数据,代码示例:http://jsbin.com/rijoyinuca/e…
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);
},