微信小程序 如何在get到的数组，或者数据库中，得到有img_swiper字段的数据，或img_swiper

如何在get到的数组，或者数据库中，得到有img_swiper字段的数据，或img_swiper
因为想要在轮播图中，显示有img_swiper的轮播图商品

• 以下回答由chatgpt基于相关博客总结生成:

  根据提供的参考资料和问题描述，可以得知需要从微信小程序的数据中获取具有img_swiper字段的数据，然后在轮播图中展示这些商品。以下是解决方案：

  1. 首先需要获取到小程序中的数据，可以通过小程序中的数据绑定方式将数据绑定到当前页面对应的data对象上，例如：在Page()函数中定义data对象，并在onLoad()生命周期函数中从后台获取数据并将其绑定到data对象上。

  Page({ data: { goodsList: [] // 初始化商品列表为空数组 }, onLoad() { wx.request({ url: 'xxx', // 后台接口地址 success(res) { this.setData({ goodsList: res.data // 将数据绑定到goodsList字段上 }) } }) } })

  1. 接下来需要找到具有img_swiper字段的数据，可以使用Array.prototype.filter()方法对商品列表进行筛选，只保留具有img_swiper字段的数据。

  // 对商品列表进行筛选，只保留具有img_swiper字段的数据 let swiperGoodsList = this.data.goodsList.filter(item => item.img_swiper);

  1. 得到筛选后的swiperGoodsList数组后，就可以将其绑定到轮播图组件上。可以使用自定义组件的方式来实现轮播图的展示，具体步骤如下：

  1） 在小程序项目中新建一个components文件夹，并在该文件夹下新建一个swiper组件目录；

  2） 在swiper目录下，新建swiper.js、swiper.json、swiper.wxml文件，分别用于定义js代码、组件样式和组件所在页面的布局；

  3） 在swiper.json文件中设置"component": true，表示这是一个自定义组件；

  4） 在swiper.wxml文件中编写轮播图组件的布局，并使用wx:for循环遍历swiperGoodsList数组，将每一个具有img_swiper字段的商品信息展示在轮播图中；

  5） 在父组件的wxml文件中引入swiper组件，并使用bind:xxx="父组件自定义方法"的方式，将子组件的点击事件绑定到父组件中定义的自定义方法上。

  ``` // swiper.wxml文件中的示例代码：

  // 父组件页面中引用swiper组件的示例代码： ```

  1. 最后，需要在父组件的js代码中定义父组件自定义方法，用于接收子组件通过triggerEvent()方法传递过来的参数，然后对这个参数进行处理。

  // 父组件js代码中定义父组件自定义方法 Page({ // ... onSwiperClick(event) { // 接收从子组件传递过来的参数 let detail = event.detail; // 处理参数 // ... } })

  综上所述，以上是从微信小程序的数据中获取具有img_swiper字段的数据，并在轮播图中展示这些商品的解决方案。

arr.filter(v => v.img_swiper)