uniapp 标签

lxf2023-05-03 14:42:01

uniapp绑定标签颜色的方法:首先点击标签绑定点击事件;然后在点击事件中通过dom获得标签;然后用rgba改变标签颜色;最后,通过dom操作动态绑定标签颜色。

uniapp 标签

本教程操作环境:Windows10系统,uni-app v3版本,Dell G3电脑。

推荐(免费):uni-app开发教程

uniapp点击标签,标签内容的颜色不断变化(vue也适用)

实现过程:

1.为标签绑定点击事件

1.在点击事件中通过dom获得标签

3.用rgba改变标签颜色,设置三个变量,取随机值,

4.通过dom操作实现动态为标签绑定颜色

5.将3-4放入定时器中(目的是实现点击后颜色的自动变化)

代码如下:

html: