微信小程序学习笔记

默认 05/07 阅读 38 views次 人气 0
摘要:

微信小程序学习笔记微信小程序学习笔记微信小程序学习笔记微信小程序学习笔记微信小程序学习笔记微信小程序学习笔记

1.数据请求wx.request,如

 wx.request({

      url: 'https://www.easy-mock.com/mock/596257bc9adc231f357c4664/restaurant/info',

      method: "GET",

      success:function(res){

      成功得到数据之后发送到data中,data用来存储本页面需要用到的数据,在wxml文件中用{{'data中的键名'}}的形式调用数据

        that.setData({

          restaurant:res.data.data.restaurant

        })

      }

    })

2.为组件绑定事件,并未其设置自定义属性data-index="{{index}}",用户点击之后调用事件处理函数,通过事件对象e,e.currentTarget.dataset.index可以得到当前点击的索引值

3.遍历的数组[e.currentTarget.dataset.index]改变数组中的值

如:info[e.currentTarget.dataset.index]=!info[e.currentTarget.dataset.index]

4.通过固定定位和z-index实现遮罩层,用来覆盖之前的界面形成遮罩的效果,如果bindtap事件会把当前标签受到的点击冒泡给它的父容器,可以使用catchtap阻止冒泡。

5.通过三元表达式来控制类样式的呈现class="{{条件==true?'一个类样式':'另一个类样式'}}"



评论

表情

分享到: