vue.js - 在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'"
谢谢
解决方案
推荐阅读
- javascript - jQuery 验证正则表达式捕获组
- java - 使用 MapStruct 招摇会抛出 org.springframework.context.annotation.ConflictingBeanDefinitionException
- java - 我收到错误 java.lang.ClassCastException:
- swift - 如何从 SwiftUI 中的图库中选择图像
- yocto - 将自定义 deb 包安装为 bitbake 配方
- ruby-on-rails - 将记录与所有 ID 关联
- ios - 向群组频道中的特定频道发送消息时,PubNub 功能不起作用?
- wordpress - 如何隐藏顶部菜单下的导航栏?
- java - 为什么它在 BigDecimal 中显示不同的输出?
- transactions - Spring忽略@Transactional 不起作用