微信小程序动态添加Class

由于小程序自身封装的原因，不能像js那样直接操纵dom，所以需要通过绑定数据来实现：

<div bindtap="gouwuche" class="{{kucun==0?'hui':''}}">加入购物车</div>

上面的class就是动态绑定的，其原理是通过kucun这个data值来判断hui这个class是否出现，当然kucun这个data

怎么来的可以自行设置，比如跳转传值，或者是点击事件绑定data-来传值。。。。

比如：绑定data-来传值

然后在js中setData就行了

gouwuche：function(e){

this.setData({

kucun:e.target.dataset.kucun

})

}

微信小程序动态添加Class相关推荐

微信小程序动态添加view
微信小程序动态添加view //index.html<button bindtap='clickMe'> 添加</button> <input type='input' ...
微信小程序动态添加类名
微信小程序动态添加类名和vue的语法差不多,一个小测试 <view class="list-top"> <view data-num="1" ...
微信小程序动态添加view组件
在web中,我们动态添加DOM,可以用jQuery的方法,很简单.在微信小程序中怎么实现下面这么需求. 其中,里程数代表上一行到这一行地方的距离(这个不重要):要实现的就是点击增加途径地,就多一行,删 ...
微信小程序动态添加class样式
<view class="tabs_title {{item.isActive?'active':''}}" wx:for="{{tab}}" wx:ke ...
微信小程序-动态添加、删除指定View
一.实现效果: 二.实现代码: 1).wxml页面: 循环的addPrice是一个数组: 需要保存数组的下标和字段名称: <view class="price-detail" ...
微信小程序怎么添加底部菜单按钮
继续微信小程序方面的教程,今天讲怎么在空白的小程序页面添加几个类似菜单的按钮,实现点击某个按钮跳转到对应界面,而不是单单局限于一个页面. 需要什么: 微信小程序账户电脑一台电脑安装微信开发者工具软 ...
微信小程序怎么添加到主屏幕将微信小程序放到手机桌面？
微信小程序在一些场景下使用还是非常方便,如果遇到需要经常使用的微信小程序,将该微信小程序添加到手机桌面上,下次直接点击打开将更方便. 例如:草柴微信小程序很多人每天都在用免费领取美团外卖红包优惠券.饿 ...
php 微信创建客服,如何给微信小程序内添加客服按钮
这次给大家带来如何给微信小程序内添加客服按钮,给微信小程序内添加客服按钮的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自定义大 ...
微信小程序-动态验证码
微信小程序-动态验证码一.创建自定义组件verification-code 二.在index页面使用一.创建自定义组件verification-code verification-code.js ...

微信小程序动态添加Class

微信小程序动态添加Class相关推荐

最新文章

热门文章