uniapp绑定标签颜色的方法:首先点击标签绑定点击事件;然后在点击事件中通过dom获得标签;然后用rgba改变标签颜色;最后,通过dom操作动态绑定标签颜色。
本教程操作环境:Windows10系统,uni-app v3版本,Dell G3电脑。
推荐(免费):uni-app开发教程
uniapp点击标签,标签内容的颜色不断变化(vue也适用)
实现过程:
1.为标签绑定点击事件
1.在点击事件中通过dom获得标签
3.用rgba改变标签颜色,设置三个变量,取随机值,
4.通过dom操作实现动态为标签绑定颜色
5.将3-4放入定时器中(目的是实现点击后颜色的自动变化)
代码如下:
html: