有没有人知道怎么动态添加元素
发布于 6 年前 作者 yaona 8218 次浏览 来自 官方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上绑定的数据，进行之后的操作就行了。

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

回到顶部