小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我有个需求,从数据库中读出月份,然后根据这个月份在页面上创建一个跳转链接,标题就是月份例如2019年8月,然后跳到一个统计图的页面,我不知道该怎么改动态的添加页面元素,或者有没有另外的方法能实现我的这个需求吗
就是我这里选了日期、金额、分类后会存到数据库里,然后我做了tab页,另一个tab页就是准备读出数据库里的年月数据再创建页面跳转的元素,然后点击跳转到统计图页面,整合第三方charts组件展示一个统计图出来
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
没太理解需求还是。。。
是循环出一些dom,点击dom携带参数跳转的意思吗?
假如你的dom列表格式是这样的:
list: [{
date:
'2019-3'
,
price:
'2000'
mark:
'这是备注'
category_id: 1
}, {
'2019-4'
'5000'
category_id: 2
}]
那么你可以再wxml里用wx:for循环创建dom并用data-data绑定数据:
<
view
wx:for
=
'{{list}}'
wx:key
'{{index}}'
data-date
'{{item.date}}'
data-price
'{{item.price}}' bindtap='toCharts'
>
</
bind了一个toCharts方法,在js里可以接受数据:
toCharts(e){
let date = e.currentTarget.dataset.date;
let price = e.currentTarget.dataset.price;
xxxxx
}
总结一下,可以用data-xxx来绑定数据,这样执行bind的方法的时候可以在e.currentTarget.dataset里取到dom上绑定的数据,进行之后的操作就行了。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可不可以反过来理解,有一个统计图页面,点击日期传参过去,显示对应数据。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
没太理解需求还是。。。
是循环出一些dom,点击dom携带参数跳转的意思吗?
假如你的dom列表格式是这样的:
list: [{
date:
'2019-3'
,
price:
'2000'
,
mark:
'这是备注'
,
category_id: 1
}, {
date:
'2019-4'
,
price:
'5000'
,
mark:
'这是备注'
,
category_id: 2
}]
那么你可以再wxml里用wx:for循环创建dom并用data-data绑定数据:
<
view
wx:for
=
'{{list}}'
wx:key
=
'{{index}}'
data-date
=
'{{item.date}}'
data-price
=
'{{item.price}}' bindtap='toCharts'
>
</
view
>
bind了一个toCharts方法,在js里可以接受数据:
toCharts(e){
let date = e.currentTarget.dataset.date;
let price = e.currentTarget.dataset.price;
xxxxx
}
总结一下,可以用data-xxx来绑定数据,这样执行bind的方法的时候可以在e.currentTarget.dataset里取到dom上绑定的数据,进行之后的操作就行了。
可不可以反过来理解,有一个统计图页面,点击日期传参过去,显示对应数据。