当点击某叁个text,小程序注意事项

作者:亚搏app官网    发布时间:2019-12-27 23:37    浏览:111 次

[返回]

这是wxml中的代码:textdata-select="{{item.cat_id}}"bindtap="chooseCatalog"{{item.cat_name}}/text这是js中的代码:chooseCatalog:function(event){varthat=this;that.setData({//把选中值放入判断值catalogSelect:event.currentTarget.dataset.select,})console.log(event.currentTarget.dataset.select);},wxss中的代码:.active{color:#fff;background-color:#FF7A32;}.catalog_item{color:#828282;}但是怎么点击,背景色和字体颜色都不改变,好像没有执行三元表达式,但打印出来,两个数据已经相等了。求大神指导

1.alt + shift + f 格式化代码
2.小程序总是会读取data对象来做数据绑定,我们称这个动作为A,而这个动作A的执行总是在onLoad事件之后执行
3.template 里data属性传值的时候,如果加 . . . ,表示数据进行平铺
例:<template is="postsItem" data="{{...item}}" />
4.在组件的属性列表里,以 data-开头的自定义属性
5.event.currentTarget.dataset.postId
event 代表自定义事件自带的参数(相当于函数的e)
currentTarget 代表鼠标点击的组件(相当于事件源)
dataset 组件上的自定义属性
postId自定义属性(属性名只有- 连接的第一个字母大写,其他都是小写)
e.currentTarget 和 e.target的区别:
target指的是当前点击的组件 (事件委派)
currentTarget 事件捕获的组件 (普通的点击事件)

app.js定义全局变量,定义好的变量,可以在任意的js里面使用 getApp() 获取;
例:
App({
globalData:{ //自定义对象
g_isPlayingMusic:false
}
})
其他js
var app= getApp();
Page({
gaibian:function(){
//改变全局变量
app.globalData.g_isPlayingMusic=true
}
})

onLaunch 启动执行
onShow 显示执行
onHide 隐藏执行

搜索