微信小程序这一块(下)

1、if语句跟for循环的使用

<block wx:if="{{n==1}}">
  <view>1917</view>
</block>
<block wx:elif="{{n==2}}">
  <view>1918</view>
</block>
<block wx:else>
  <view>1919</view>
</block>

----------------------------下面为wx:for--------------------------------------- <block wx:for="{{list}}" wx:key="index"> <view>{{item}}---{{index}} <view wx:for="{{arr}}" wx:for-item="child" wx:for-index="idx" wx:key="idx"> {{child}}-----{{idx}} </view> </view> </block>

2、标签

  <view></view>相当于div

  <text></text>相当于span

3、事件

  1、bindtap="事件名称没有括号"

  通过this.setData({

    message:""

  },())=>{

  console.log(this.data.message)

  再回调里面通过这种方式来验证是否修改成功

  }

  这种方式触发

  ---------------------------------------------------

  如果需要传参那么在标签内部通过

         data-info="先森"进行传参
  接受通过e.currentTarget.dataset.info接受,info为传递参数时定义的名称
------------------------------下面是第二种--------------------------------------
  2、catchtap方法同上
 
-------------------------------区别-------------------------------
  区别:bindtap会进行事件冒泡
     catchtap不会进行时间冒泡
 
 
 
4、事件传参如何传递?上面的简化
  自定义属性data-属性  接受的时候通过e.currentTarget.dataset.属性进行接收
 
5、模板,创建一个公共的文件,只写布局,从外部传递参数让他去遍历,有很好的的复用性,这就叫模板。
  通过template的name属性来定义模板的名称
   <template name="booklist"> <view class="book_item"> <view>{{item.bookname}}</view> <view>{{item.auth}}</view> </view> </template> 使用时,将其放入对应的文件
  通过template的is属性来使用相对应的模板
   <import src="../../template/template.wxml"/> <view> <block wx:for="{{books}}" wx:key="index"> <template is="booklist" data="{{item}}"></template> </block> </view> 
  如果模板需要进行外部引入则需要<import src="">来进行引入
7、在微信小程序中如何在wxss引入本地图片(坑)
  注意:微信小程序中无法在wxss中引入本地图片
  解决方案:
    1、使用网络图片
    2、使用bass64的图片  http://imgbase64.duoshitong.com/
8、api
  
onLoad() {
    wx.request({
      url: ‘http://m.maoyan.com/ajax/movieOnInfoList‘,
      method: "get",
      data: {
        // ci: 1,
        token: ""
      },
      success: function(data) {
        console.log(data)
      }
    })
  }

 

  

微信小程序这一块(下)

上一篇:小程序云函数调用webservice接口


下一篇:get uuid