微信小程序这一块（中）

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)

      }

    })

  }

巴特西

微信小程序这一块（中）

最新文章

热门文章