# 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
2
3
itemJira：循环数据
data-item="{{itemJira}}" ：点击后传入的数据
注意：data-item、bindtap要在一个标签上
1
2
3
2
3
# 2.父传子
父：
<card itemJira="{{itemJira}}" ></card>
1
子：
properties: {
itemJira:{
type:"object",
value:"{}"
},
},
1
2
3
4
5
6
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
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
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
2
3
4
5
6
7
8
注意：样式要用引号包裹
# 5.禁止页面滚动
json文件中配置：
"disableScroll": true
1