老师好,我这里为什么提示这个do not have ...,太奇怪了

老师好,我这里为什么提示这个do not have ...,太奇怪了

https://img1.sycdn.imooc.com//climg/62448a9509c0e1a719021020.jpg

它是否说我没有changeIconShow这个方法?我明明已经定义了呀

这是我的index.js:

// pages/index/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        showIcon: true,
        swiperList:[],
        coursesList:[]
    },
    changeIconShow(e) {
        if (e.detail.value) {
            this.setData({
                showIcon: false
            })
        } else {
            this.setData({
                showIcon: true
            })
        }
        const newList = this.data.coursesList.filter((item)=>{
            return item.title.contains(e.detail.value)
        });
        console.log(newList);
        
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad:function(options) {
        wx.request({
                url: 'https://www.fastmock.site/mock/dac8effc135f0ff3f0cab50dd894a04c/xcx/api/courses',
                success:(response)=> {
                    const {data:{data}} = response;
                    this.setData({
                        swiperList:data.swiperList,
                        coursesList:data.courses
                    });
                }
            });
            

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

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

    },

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

    },

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

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

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

    }
})

index.wxml:

<!--pages/index/index.wxml-->
<view class="search_box">
    <icon wx:if="{{showIcon}}" class="iconfont icon-sousuo" size="24rpx"></icon>
    <input type="text" class="search_input" confirm-type="search" placeholder="AngularJs · MySQL · Java" placeholder-class="placeholder_class" bindinput="changeIconShow" />
</view>
<view class="navigator_box">
    <view class="nav_item">
        <image class="nav_img" src="../../resource/tj.png"></image>
        推荐
    </view>
    <view class="nav_item">
        <image class="nav_img" src="../../resource/sz.png"></image>
        实战
    </view>
    <view class="nav_item">
        <image class="nav_img" src="../../resource/lj.png"></image>
        路径
    </view>
    <view class="nav_item">
        <image class="nav_img" src="../../resource/hd.png"></image>
        活动
    </view>
    <view class="nav_line"></view>
</view>
<swiper class="swiper_box" circular="{{true}}" previous-margin="18rpx" next-margin="18rpx">
    <block wx:for="{{swiperList}}" wx:key="item">
        <swiper-item class="swiper_item">
            <image class="swiper_img" src="{{item.imgUrl}}"></image>
        </swiper-item>
    </block>


</swiper>
<view class="recommend_box">
    <view class="recommend_title">实战推荐</view>
    <block wx:for="{{coursesList}}" wx:key="id">
        <view class="recomend_item">
            <view class="recommend_imgbox">
                <image src="{{item.imgUrl}}" class="recommend_img" />
            </view>
            <view class="item_right">
                <view class="item_title">{{item.title}}</view>
                <view class="item_right_bottom">
                    <text class="item_price">¥{{item.price}}</text>
                    <text class="item_discount" wx:if="{{item.promotion}}">APP购买立减 ¥3</text>
                    <text class="item_level">{{item.level}}</text>
                    <icon class="iconfont icon-zongrenshu" size="24rpx"></icon>
                    <text class="item_amount">{{item.sales}}</text>
                </view>
            </view>
        </view>
    </block>


</view>

这是为什么呢,这个方法也没起作用,输入内容搜索框的放大镜没有被隐藏

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
weixin_慕码人7523200 提问者 2022-03-31 11:55:17

好的。老师,我想问一下小程序项目如何放在简历中,让别人扫个码就能看到项目效果呢?或者放个网址也可以

好帮手慕慕子 2022-03-31 10:47:24

同学你好,对云你的问题解答如下:

1、测试同学粘贴的代码,并不会出现截图中的提示,changeIconShow方法可以正常执行,示例:

https://img1.sycdn.imooc.com//climg/62451550095e2f0415720603.jpg

可能是微信开发者工具自身的问题,同学可以选择清除缓存后,重新编译试试,示例:

https://img1.sycdn.imooc.com//climg/624515bb09c70b5703100153.jpg

或者直接重启微信开发者工具

2、代码逻辑是没问题,老师这边测试,输入内容后,搜索按钮是隐藏的。建议同学参考第一条回复操作后,再测试下。

祝学习愉快~

  • 好的。老师,我想问一下小程序项目如何放在简历中,让别人扫个码就能看到项目效果呢?或者放个网址也可以
    2022-03-31 11:55:42
  • 同学你好,一种是将小程序上线,别人可以直接通过小程序名称访问,但是对于练习的项目,没必要,另一种是,将小程序设置为体验版,如下:

    https://img1.sycdn.imooc.com//climg/62453fac09eb6e2d13260279.jpg

    之后将体验版的二维码分享出去

    https://img1.sycdn.imooc.com//climg/62453fc809e57b2606870588.jpg

    其他人扫码时,会通过微信通知你,审核通过,别人就可以访问你的项目了

    https://img1.sycdn.imooc.com//climg/624540480993277404280852.jpg

    https://img1.sycdn.imooc.com//climg/6245405b092e647204160940.jpg

    祝学习愉快~

    2022-03-31 13:52:55
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师