原生事件监听及组件内置事件

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。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值