美文网首页
小程序列表渲染

小程序列表渲染

作者: 一枚小菜 | 来源:发表于2020-04-15 10:39 被阅读0次

    项目中引入list-data.js文件



    暴露了一个list_data对象

    js中引入js

    //只能相对路径
    let datas = require('../../datas/list-data.js')
    
    //定义listArr拿到对象
      data: {
        listArr: []
      },
      onLoad: function(options) {
        this.setData({
          listArr: datas.list_data
        })
      },
    
    AppData中获取到了
      <block wx:for='{{listArr}}' wx:key='{{index}}'>
        <view>
          <template is="list-template" data="{{...item}}" />
        </view>
      </block>
    
    绑定

    相关文章

      网友评论

          本文标题:小程序列表渲染

          本文链接:https://www.haomeiwen.com/subject/vailvhtx.html