DXSQP 2022-04-22 15:32 采纳率: 94.7%
浏览 20
已结题

用props做一个组件,如何用v-for循环出来了

组件:

<template>
    <div>
        <ul>
            <li v-for="(item,index) in nav" :key="index" >
                {{item.name}}
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    props:{
        nav:[
            {name:'2'}
        ]
    },
    data(){
        return{
         
        }
    }
    
}
</script>


页面:

<template>
    <div>
        <dh>
            {{item.name}}
        </dh>
    </div>
</template>
<script>
import dh from '../components/dh.vue'
export default {
    components:{
        dh
    },
    data(){
        return{
         nav:[
             {name:1},

         ]
        }
    }
}
</script>


  • 写回答

1条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-04-22 15:45
    关注
    
    <dh :nav="nav"></dh>
    

    完成如下

    
    <template>
        <div>
            <dh :nav="nav"></dh>
        </div>
    </template>
    <script>
    import dh from '../components/dh.vue'
    export default {
        components:{
            dh
        },
        data(){
            return{
             nav:[
                 {name:1},
             ]
            }
        }
    }
    </script>
     
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 4月30日
  • 已采纳回答 4月22日
  • 创建了问题 4月22日

悬赏问题

  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀