1.点击事件
我们可以使用 v-on
指令 (简写为 @
) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。
click()。原本是为tap,你使用那个都是一样的,只是uni-app统一使用click()
用法:v-on:click="onClick"
或 @click="onClick"。
示例1:实现每点击一次值加1
在script定义一个num设置初始值。在点击事件中加一个函数方法,在函数方法为num++;
示例2:实现每点击一下改变背景颜色。使用随机数Math.random()。
将随机数String() 转为字符串..substring(第几位,到第几位) 或将随机数parseInt()强转为整数再*1000000为6个数字。
color.value="#"+String(Math.random()).substring(3,9);
color.value="#"+parseInt(Math.random())*1000000);
2.swiper
@change事件
swiper按钮改变时会触发 change 事件 ,change自带一个value,我们主要用的就是它自带的一个 detail.value值,当我们选中时为true否则为false。
根据这个原理,我们按它给的值来控制button。
选中则改变button中loading。