微信小程序 其二数据绑定

问题详情:有关小程序的数据绑定
首先要说的是input的双向数据绑定,需要调用到model:value方法:
model:value="{{ username }}"
注:记得在wxs文件的data里写username这个自定义key,设置为空值即可

其次要说的是遍历功能,这里以轮播图为例,需要调用wx:for方法:

    
    
  

注:除了需要调用wx:for方法外,若有需要将参数传给子标签,记得使用 wx:key设置子标签可使用的key,否则子标签将取不到任何值

接下来要说的是比较常用的属性绑定,这个不需要调用方法:


  

这里还是使用轮播图来说明,如上代码中的autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}"就是单向数据绑定其中"{{autoplay}}"中的autoplay为wxs里data设置的数据

最后是单向数据绑定,这个也不需要调用方法:
先在wxml设置好替换数据的标签
{{text}}
然后在wxs里设置替换的数据就好了

Page({
  data: {
    text: "这儿啥也没有"
  }  
})

你可能感兴趣的:(小程序)