javascript - TypeError:无法读取未定义的属性“_wrapper”
问题描述
我正在尝试将单击按钮时发送到组件的道具数据更新为vue
.
按钮单击触发操作从配置加载数据。但这会引发错误并且错误消息不清楚。在这里找到错误https://imgur.com/a/0psUWKr
如果我直接传递数据而不使用按钮操作,它工作正常。
我的主要组件
<template>
<div>
<MyList v-if="listItems" :elements="listItems"/>
<button @click="showSlider">Show Slider</button>
</div>
</template>
<script>
// imports the components and config files
export default {
name: "ListView",
data() {
return {
listItems: []
};
},
components: {
MyList
},
methods: {
showSlider: function() {
this.listItems.push(configs['elements'])
},
</script>
注意:如果我listItems
默认提供数据,它可以工作
并MyList
归档
<template>
<ul>
<li v-for="each in elements" :key="each.id">
{{each.name}}
</li>
</ul>
<template>
<script>
// imports the components and config files
export default {
name: "MyList",
props: {
elements: {
type: Array
}
}
</script>
解决方案
一般来说,它应该可以工作。但就我而言,问题在于push
以下功能。
showSlider: function() {
this.listItems.push(configs['elements'])
},
存储相同的Vuex
内容并使用调度程序更新相同的作品就像一个魅力。我使用计算属性从 加载状态vueX
并将其传递给MyList
推荐阅读
- c++ - 如何从 cin 读取直到输入非数字的内容?
- go - 如何在golang中翻译或移动切片中的值?
- python - Python accuracy_check 为翻转分类给出 0 结果
- react-native - 在 React Native 中传递事件和附加变量
- android - 应用程序被杀死并重新启动手机后如何保留广播接收器
- python-3.x - 如何修复 tkinter 验证(使用正则表达式和 vcmd)
- sql-server - SQL 报表生成器:如何合并组?
- sql - 有没有更有效的方法来编写这个 SQL?
- go - Go:调用函数时如何使用命名参数?
- css - 如何在 ag-grid 中的选定行上显示轮廓?