会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134357个问题

微信图片_20221021161638.png

// pages/musicList/musicList.js
const {request}=require('../../utils/request')
Page({

    /**
     * 页面的初始数据
     */
    data: {
      songs:[],
      limit:20,
      offset:1,
      search:''
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
  console.log(options);
  this.setData({
      search:options.search
  })
  this.http(this.data.search,this.data.limit,this.data.offset)
    },
http(keywords,limit,offset){
    request("http://iwenwiki.com:3000/search",{keywords,limit,offset},'GET').then(res=>{
        console.log(res);
        if(res.data.result.songs){
            this.setData({
                songs:this.data.songs.concat(res.data.result.songs)
            })
        }else{
            wx.showToast({
              title: '暂无数据',
            })
        }
    }).catch(err=>{
        wx.showToast({
          title: '请求出错了',
        })
        console.log(err);
    })
},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
         this.setData({
             offset:1,
             songs:[]
         })
         this.http(this.data.search,this.data.limit,this.data.offset)
    },
    //跳转到播放器页面
    goToPlayer(e){
        console.log(e);
        
        console.log(e.currentTarget.dataset);
        console.log(e.currentTarget.dataset.id);
        wx.navigateTo({
          url: '../player/player?id=?'+e.currentTarget.dataset.id
        })
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        this.setData({
            offset: this.data.offset += 20
           })
          this.http(this.data.search, this.data.limit, this.data.offset)
         
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})


console.log(e.currentTarget.dataset)

老师 为啥我正常  

 console.log(e.currentTarget.dataset.id);

underfind呢?

WEB前端全系列/第十四阶段:微信小程序/小程序API 31楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 32楼
WEB前端全系列/第十四阶段:微信小程序/小程序组件库 35楼
WEB前端全系列/第十四阶段:微信小程序/小程序API 36楼
WEB前端全系列/第十四阶段:微信小程序/小程序API 37楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 39楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 40楼
WEB前端全系列/第十四阶段:微信小程序/小程序框架 41楼
WEB前端全系列/第十四阶段:微信小程序/小程序组件库 42楼

为什么后面的选择器不生效呢  改变之后页面上的显示不会变,
而且时间选择器开始的时间前面的时间也可以选择。

// pages/picker/picker.js
Page({
    data:{
      array:["吃","喝","玩","乐"],
      index:3,
      multiArray:[
        ["中国","日本"],
        ["辽宁","四川","江苏"],
        ["本溪","沈阳", "大连"]
      ],
      multiIndex:[0,0,0],
      time:'12:01',
      date:"2023-02-27"
    },
    bindPickerChange(e){
      this.setData({
        //e.detail,value:可以获取用户选择的内容下标
        index:e.detail.value
      })

    },
    bindMultiPickerChange(e){
      this.setData({
        //e.detail,value:可以获取用户选择的内容下标
        multiIndex:e.detail.value
      })

    },
    bindTimeChange(e){
      this.setData({
        time:e.detail.value
      })
    },
    bindDateChange(e){
      this.setData({
        date:e.detail.value
      })
    }
})

<!--pages/picker/picker.wxml-->
<view>普通选择器</view>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
  当前选择:{{array[index]}}
</view>
</picker>

<view>多列选择器</view>
<picker mode="multiSelector" bindChange="bindMultiPickerChange" value="{{multiIndex}}" range="{{multiArray}}">
<view class="picker">
  当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}}
</view>
</picker>


<view>时间选择器</view>
<picker mode="time" value="{{time}}" start="09:01" end="21:01" bindChange="bindTimeChange">
  <view class="picker">
    当前选择:{{time}}
  </view>
</picker>

<view>日期选择器</view>
<picker mode="date" value="{{date}}" start="2000-09-01" end="2030-09-01" bindChange="bindDateChange">
  <view>
    当前选择:{{date}}
  </view>
</picker>


WEB前端全系列/第十四阶段:微信小程序/小程序组件 43楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 44楼
WEB前端全系列/第十四阶段:微信小程序/实战_百战商城 45楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637