input type=text class=typeInput bindinput=runInput view view wxfor=products wxkey=index wxfor-item=product class=content1 viewproductpidview viewproductpnameview viewproductpriceview

可以通过以下步骤来实现商品名模糊查询：

1. 在 data 中添加一个数组用于存储所有商品信息。
2. 在页面加载时，通过 wx.request() 方法从后台获取所有商品信息，并将其存储到数组中。
3. 在 runInput() 方法中获取输入框中的值，并通过数组的 filter() 方法筛选出符合条件的商品信息，并更新页面展示。 具体实现过程可以参考以下代码：

// 在 data 中添加一个数组用于存储所有商品信息 data: { products: [], keyword: '' }, // 页面加载时获取所有商品信息并存储到数组中 onLoad: function() { wx.request({ url: 'https://example.com/products', success: res => { this.setData({ products: res.data }) } }) }, // 输入框输入时触发的方法 runInput: function(e) { const keyword = e.detail.value // 通过 filter() 方法筛选出符合条件的商品信息 const filteredProducts = this.data.products.filter(product => { return product.pname.includes(keyword) }) // 更新页面展示 this.setData({ keyword: keyword, filteredProducts: filteredProducts }) }

在页面中展示筛选后的商品信息可以使用类似以下代码：