推荐下载
-
2020-05-12 浏览：789
-
2020-04-04 浏览：654
-
2020-05-06 浏览：560
-
2020-05-08 浏览：545
-
2020-05-12 浏览：543
用setData修改对象的属性值/去除button按钮的边框
发布时间:2020-11-06用setData修改对象的属性值
1.
Page({ data: { items:{ //items为一个对象，is_like和like分别为其两个属性 is_like: 0, like: 0 } }, likes: function () { var is_like ="items.is_like"; //先用一个变量，把items.is_like用字符串拼接起来 var like = "items.like"; if (this.data.items.is_like == 0 && this.data.items.like==0){ this.setData({ [is_like]:1, 使用【】将字符串包起来，为其赋值 [like]:1 }) } else if (this.data.items.is_like == 1 && this.data.items.like == 1){ this.setData({ [is_like]: 0, [like]: 0 }) } }, })2.index.wxml: 使用bindtap绑定事件
<view class="centers" bindtap="likes"> <view wx:if="{{items.is_like == 0}}"> <image class="src" src="../../image/like1.png"></image> </view> <view wx:else> <image class="src" src="../../image/like2.png"></image> </view> <view class="space">赞<text class="character">:</text>{{items.like}}</view> </view>去除button按钮的边框
小程序开发中，有时候我们希望button不要有边框，需要使用button::after来实现，
具体如下：
.operations button::after{border:0 none;}
另外button的样式，
都是通过button::after伪类来实现的。
- 上一篇：微信小程序之微信客服
- 下一篇：微信小程序与内嵌网页交互实现支付功能
