小程序
小游戏
企业微信
微信支付
扫描小程序码分享
复制官网提供的tabs组件案例代码，为什么在for循环内无法显示titel2和desc数据内容？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
数据源tabs是什么，至少截个图看看呀
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
js中tabs的结构是什么？
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
数据源tabs是什么，至少截个图看看呀
js中tabs的结构是什么？
onShareAppMessage() {
return {
title: 'tabs',
path: 'miniprogram_npm/@miniprogram-component-plus/tabs/index'
}
},
data: {
tabs: [],
activeTab: 0,
},
onLoad() {
const tabs = [
{
title: '技术开发',
title2: '小程序开发进阶',
img: 'http://mmbiz.qpic.cn/sz_mmbiz_jpg/ibHCrVQ=jpeg',
desc: '本视频系列课程，由腾讯课堂NEXT学院与微信团队联合出品。',
},
{
title: '产品解析',
title2: '微信小程序直播',
img: 'http://mmbiz.qpic.cn/sz_mmbiz_png/GEWVeJPFkSHALb0g5HR7DQstbIx=jpeg',
desc: '微信小程序直播系列课程持续更新中。',
},
{
title: '运营规范',
title2: '常见问题和解决方案',
img: 'http://mmbiz.qpic.cn/sz_mmbiz_jpg/GEWVeJPFkSGqys4ibO2a8L9n=jpeg',
desc: '提高审核质量',
},
{
title: '营销经验',
title2: '流量主小程序',
img: 'http://mmbiz.qpic.cn/sz_mmbiz_jpg/GEWVeJPTti1bZlSFbYhFg/0?wx_fmt=jpeg',
desc: '本课程共四节，将分阶段为开发者展示如何开通流量主功能率。',
},
{
title: '高校大赛',
title2:'2020中国高校计算机大赛',
img: 'http://mmbiz.qpic.cn/mmbiz_jpg/TcDuyasB5T3Eg34AYEA/0?wx_fmt=jpeg',
desc: '微信小程序应用开发赛',
},
]
this.setData({ tabs })
},
onTabClick(e) {
const index = e.detail.index
this.setData({
activeTab: index
})
},
onChange(e) {
const index = e.detail.index
this.setData({
activeTab: index
})
},
// handleClick(e) {
// wx.navigateTo({
// url: './webview',
// })
//}
})
.item-title{
width: 95%;
display: flex;
}
.item-desc{
width: 95%;
display: flex;
}