首页 > 解决方案 > 在vue js中重复相同的div n次

问题描述

嗨,我正在尝试重复 div n 次,

<div v-for="(item,index) in details" :key="index">
            <div class="col-md-8">
                <div class="form-group">
                    <img  src='./img' width="250" alt class="imageLOGO"/>
                </div>
            </div>
            <div class=col-md-12>
                <div class="form-group" style="display:flex; justify-content:center;">
                    <div >
                        <h1>TEST</h1>
                        <p>TEST</p>
                        <p>{{this.$t(reports.title)}}</p>
                    </div>
                </div>
            </div>
</div>

这是我的数据

data(){
    return{
       details: null
    }

详细信息由包含对象的数组填充,

我想在这个数组中迭代,所以我可以显示 n 次组件。

并向我显示此错误,在其他组件中此错误消息未显示

无法读取未定义的属性 '$t'"

谢谢

标签: vue.js

解决方案


推荐阅读