通过props从父组件传递参数到子组件爆红报错

错误总结：props传参报错问题

通过props从父组件传递参数到子组件出现爆红报错：

查阅资料显示这是因为v-for循环遍历的data.slice(0,1)为空导致的，因为没有调取到data数据，所以slice截取数据也为null。
我先使用了网上所述的三元表达式来处理，data==null?data:data.slice(0,1) 但是还是报错。后经询问公司大佬发现是props结构写的有问题，一开始写的是props:[data]，没有写props的默认初始值和类型，当props含有默认值后，当数组为空时会自动读取默认值。

parentTable.vue子组件

改动后不发生报错显示，但是在h5上能够显示出读取数值，在小程序上不报错却显示为空。我回顾了一下从父组件调动参数到子组件的整个过程，发现:gameList="gameList"中gameList的初始化没有放在data中，而是在onLoad中使用了let gameList = []来进行初始化，只在当前方法中有效，所以此中读到的gameList值也是为空，改动后代码如下：

home.vue 父组件
]
parentTable.vue 子组件

通过props从父组件传递参数到子组件爆红报错相关推荐

vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
reac——父组件向子组件传递值，子组件何时能同步获得父组件改变后的值
//这里是父组件的代码:export default class HeaderCom_son extends React.Component {constructor(props) {super(pr ...
vue 父向子组件传递数据，子组件向父组件传递数据方式
父组件向子组件传递数据通过props,子组件引入到父组件中,设置一个值等于父组件的数据,通过:bind将数据传到子组件中,子组件中通过props接收父组件的数据,这样就可以使用父组件的数据了,循环组件 ...
父组件传递值给子组件（一）
父组件 App.vue <template> <div> <header-vue :msg="msg"></header-vue> ...
reactjs组件通讯：父组件传递数据给子组件
vue 事件调用传参_vue如何在父组件指定点击事件后向子组件传递参数并调用子组件的事件？...
可以给父组件写一个ref属性,父组件可以通过ref拿到子组件中的数据和方法(即例子中子组件的say方法),这样在父组件中就可以触发子组件的事件了.而父组件向子组件传参可以通过prop属性(即例子中的f ...
vue前端面试题之vue组件传递参数
父子组件传递参数(props / $emit) 这个比较容易实现,我们只需要在组件上绑定自定义属性名就可以通过子组件中的props属性接受.看下面代码: 父组件代码parent.vue <tem ...
React学习笔记(五)之父子组件传递参数
父传子通过属性,父组件向子组件传递参数. this.state.list.map((item,index)=>{<todoItem content={item} /> } 子组件通 ...
Vue父组件如何给子组件传递图片属性？为什么父组件传递的图片子组件接收不到？
之前再写代码的时候,有一个非常大的问题,就是我明明将图片的url传递给了子组件,为什么子组件接收不到呢,图片无法在子组件中显示,今天终于得到了解答. 接收不到值的根本原因就在于图片是静态资源,所以与单 ...

通过props从父组件传递参数到子组件爆红报错

通过props从父组件传递参数到子组件爆红报错相关推荐

最新文章

热门文章