微信小程序常用API

微信小程序常用API

最后修改时间:a month ago

# 1.wx:for

    <view  class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx" wx:for-item="itemJira" wx:key="idx">
      <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card> 
    </view>
1
2
3
itemJira:循环数据
data-item="{{itemJira}}" :点击后传入的数据
注意:data-item、bindtap要在一个标签上 
1
2
3

# 2.父传子

父:

      <card itemJira="{{itemJira}}" ></card> 
1

子:

  properties: {
    itemJira:{
      type:"object",
      value:"{}"
    },
  },
1
2
3
4
5
6

# 3.子传父

子:

 this.triggerEvent("up",res)  //第一个是自定义事件名,第二个是要传递的值(可以为空)
1

父:

    <music
         id='music'
         list='{{list}}'
         bind:up="_up" 
            >
    </music>
1
2
3
4
5
6
javascript
  methods: {
    _up(e) { //e为子组件传过来的值
      console.log(e.detail.data)
      this.setData({
        list: e.detail.data //这里是改变Page中data上的值
      })
    }
  }
1
2
3
4
5
6
7
8
9

注意:在父组件中的js文件里获取子组件传过来的值,这里的自定义方法要写在Component构造器中的methods里,因为我写在Page中他不会被触发

# 4.根据值来给定不同的CSS样式

<view class="{{isChecked?'is_checked':'normal'}}" bindtap="serviceSelection"></view>
1
.is_checked{  
  color: #FE0002 ;  
  background: #fff;  
}  
.normal{  
  color: #333;  
  background: #F0F1EC;  
} 
1
2
3
4
5
6
7
8

注意:样式要用引号包裹

# 5.禁止页面滚动

json文件中配置:

"disableScroll": true
1
- 全文完 -

留下一条留言?
默认颜色

主题颜色

标准颜色

更多颜色...