有没有人知道怎么动态添加元素
发布于 5 年前 作者 yaona 8163 次浏览 来自 官方Issues

我有个需求,从数据库中读出月份,然后根据这个月份在页面上创建一个跳转链接,标题就是月份例如2019年8月,然后跳到一个统计图的页面,我不知道该怎么改动态的添加页面元素,或者有没有另外的方法能实现我的这个需求吗

就是我这里选了日期、金额、分类后会存到数据库里,然后我做了tab页,另一个tab页就是准备读出数据库里的年月数据再创建页面跳转的元素,然后点击跳转到统计图页面,整合第三方charts组件展示一个统计图出来

2 回复

没太理解需求还是。。。

是循环出一些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上绑定的数据,进行之后的操作就行了。

可不可以反过来理解,有一个统计图页面,点击日期传参过去,显示对应数据。

回到顶部