Vue.js 道具未定义

Posted 2023-02-23

【中文标题】Vue.js 道具未定义

【英文标题】：Vue.js props undefined

【发布时间】：2020-06-09 12:58:08

【问题描述】：

执行此代码时，输​​出“未定义”。

子组件

export default 
  porps: [
    'idx'
  ],
  mounted () 
      console.log(this.idx)
  ,
 //BambooPage.vue

父组件

<template>
  <div class="bamboo">
    <bamboo-page v-bind:idx="index" v-if="show"></bamboo-page>
  </div>
</template>

<script>
import BambooPage from '@/components/Bamboo/Page/BambooPage.vue'
export default 
  name: 'bamboo',
  data: () => 
    return 
      show: false,
      index: 0
    
  ,
  components: 
    BambooPage
  ,
  mounted () 
      this.index = 5
      this.show = true
  ,

</script>

在 Vue Devtools 上，子组件中有 $attars "idx: 5"。 我该怎么办？

【参考方案1】：

你的文字道具有错字） 波普斯：[ 'idx' ]

换成道具