收藏
回答

想要实现顶部nav导航点击进行数据库搜索?

<scroll-view scroll-x  scroll-with-animation>
  <view wx:for="{{list}}" wx:key bindtap="tabSelect&search" data-id="{{index}}" data-name="{{item.name}}">
    {{item.name}}
  </view>
</scroll-view>

<view  hidden="{{TabCur!==0}}">
  <view class="tourdetail">{{result[0].name}}</view>
  <view>景区位置:{{result[0].address}}</view>
  <view>门票价格:{{result[0].price}}</view>
  <view>景区简介:{{result[0].tourdetail}}</view>
</view>

.js
data: {
    list:[
      {name:"湘南学联旧址"},
      {name:"欧阳故宅"},
      {name:"湖南华侨城(在建)"}
    ]
  },
  tabSelect(e) {
    this.setData({
      TabCur: e.currentTarget.dataset.id,
      scrollLeft: (e.currentTarget.dataset.id-1)*80
    })
    let name=e.currentTarget.dataset.name
    this.setData({
      searchvalue:name
    })
     var that = this
     let key = that.data.searchvalue;
          const db = wx.cloud.database();
     db.collection('tour').where({
       name: db.RegExp({
         regexp'.*' + key,
         options'i',
       })
     }).get({
       successres => {
         console.log(res)
              this.setData({
      detail: res.data
    })
    let detail = detail[TabCur];
       },
       failerr => {
         console.log(err)
       }
     })
  },


回答关注问题邀请回答
收藏
登录 后发表内容
问题标签