Question

我尝试使用Vue编写一些项目。当我尝试将新项目添加到“数据”中的数组（应该开始重新渲染）时，出现以下错误消息： TypeError：无法读取未定义的属性“ _wrapper” 。是什么意思？

[...some layout...]
       <a @click="addElement" id="addBtn">Add</a>
    </span>
  </div>
</template>

<script>
  export default {
      props: [
          'routes'
      ],
      data: function () {
          routes: this.props.routes
      },
      methods: {
          addElement: function () {
              this.routes.push( {[...some object...]} );
          }
      }
  }
</script>

Answer 1

data是一个返回对象的函数。您的代码没有返回对象。
您的道具名称与数据名称相同。它们应该不同。

尝试以下代码：

[...some layout...]
       <a @click="addElement" id="addBtn">Add</a>
    </span>
  </div>
</template>

<script>
  export default {
      props: [
          'routes'
      ],
      data: function () {
         return {         // Object being returned
             storedRoutes: this.routes   // props can be directly accessed using `this`
         }
      },
      methods: {
          addElement: function () {
              this.storedRoutes.push( {[...some object...]} );
          }
      }
  }
</script>

我也将this.props.routes更改为this.routes

Vue TypeError：无法读取未定义的属性“ _wrapper”

1 个答案: