小程序搜索结果无显示,怎么解决?

小程序仅有搜索功能,在搜索数据库里面没有的数据的时候会弹提示“未找到”,但在搜索数据库里面有的数据的时候就没反应了。

img

class="sousuokuang">
    <view class="sousuo">
        <view class="shurukuang">
            <input type="text" placeholder="搜索" value="" bindinput="GetSearchInput">input>
        view>
        <view class="sousuo_anniu" bindtap="ToSearch">
            <text>搜索text>
            <icon type="search" size="20">icon>
        view>
    view>
view>

const db = wx.cloud.database('1')
Page({
    data: {
        search: ''
    },
    onLoad: function (options) {

    },
    GetSearchInput: function(e) {
        this.setData({
            search: e.detail.value
        })
    },
    ToSearch: function(e) {
        if(this.data.search == '') {
            wx.showToast({
              title: '请输入',
              icon: 'none'
            })
            return
        }
        db.collection('1').where({
            name: this.data.search
        }).get().then(res => {
            if(res.data.length != 0) {
                this.setData({
                    shangpinbiao: res.data
                })
            }else {
                wx.showToast({
                  title: '未找到商品',
                  icon: 'none'
                })
            }
        })
    },
})

你的data中没有shangpinbiao这个东西 界面上也没有看到这个东西怎么显示的。其次把获取到的那个res.data打印出来就知道有没有正确返回数据了,如果有数据,不显示那就肯定是界面显示的问题了