起因:uniapp 和小程序一起开发,有点走火入魔的感觉,特此记录。
============================================================
1.赋值
在app.js中赋值(全局):
this.data.name= msg;
在非app.js中赋值:
this.setData({
name: msg,
});
2.获取值
2.1 没有嵌套的方法中获取
this.data.name;
2.2 在嵌套的方法中获取
例如:
myRequest(){
// 这里重新定义this,名字不固定,可以是that,可以是dog或cat....
let that = this;
wx.request(){
xxxx,
xxx,
// 这样获取,如果使用了this指向就变了,从'当前文件.js' 变为了 wx.request了,所以拿不到。
that.data.name;
}
}
3. 样式
3.1 当前样式使用 class, 点击后的样式使用 hover-class
<button class="btn_conn" hover-class="btn_conn_hover" bindtap="startConn">按钮</button>
/* 没有点击的样式*/
.btn_conn {
margin-top: 5%;
height: 90rpx;
width: 40%;
background-image: linear-gradient(to right, #1677ff, #6190E8);
color: #FFFFFF;
}
/* 按下后的样式 */
.btn_conn_hover {
margin-top: 5%;
height: 90rpx;
width: 40%;
background-image: linear-gradient(to right, #1677ff99, #6190E899);
color: #FFFFFF;
}