父组件传值给子组件,子组件正常接收这个值,但却渲染不出来。


#1

2019.2.2下午编辑:
本来以为是一个父组件中异步获取数据,向子组件传值发生的问题。
现在看来又不是。(因为篇幅问题我删除原来的问题描述,只看下面的描述即可)

子组件的代码:


%E5%9B%BE%E7%89%87

子组件中的created和mounted函数钩子都能打印出数据:
%E5%9B%BE%E7%89%87
但在html中却渲染不出来:
%E5%9B%BE%E7%89%87

这就使我很困惑:
- PS:我在代码中加入过 【对ms对象进行watch检测】,但也没有用处。


2019.2.2下午14:19解决问题:
传过来的数据格式应为
ms:{
data:[],
title:""
}
由于我的粗心,导致格式为:
ms:{
data:{
data:[]
},
title:""
}
在此记录,谨戒。


#2

請問您的title與data在哪呢?


#3

不好意思没有及时回,数据是没有问题,数据格式为:
{
data:[…]
title:“”
}
我之前以为是父组件中异步加载数据,导致数据没有及时传递到子组件,导致的问题。
现在看来又不是。


#4

这个问题解决了。
期间有两个问题
(1)一个是父组件异步请求数据,传递给子组件,因为是异步,可能会导致子组件undefined,但子组件中的props值改变会导致重新渲染,用v-if来控制渲染即可。
(2)后面这个问题是我粗心所致,数据格式有些错误。
再次感谢。