uni-app 事件

1.监听事件---简写化;

在uni-app中可以看到他的事件,指令是 " v-on " 可以简写为 " @  ",就和 " v-bind " 简写为 " : " 一样

2.点击事件

首先我们创建一个页面,然后编写一个方法点击事件在标签中添加 ' v-on:click="方法名" ' 

在标签上的不用和方法一样加括号就可以使用,但是你要传参数的话,也可以加括号,但是你传的是字符串的话,括号里面不能是双引号,需要是单引号才可以使用;

这个点击事件也可以改变页面上的值,当然离不开响应;

我们也可以对他的背景颜色进行改变;

在nui-app中和HTML差不多就是他的标签不一样,Math.random()生成一个随机数,*1000000代表着他会有6位数,parseInt()是强转为整数,这样就可以获得一个6位数的随机数然后可以代替颜色了;

3.switch标签的 触发器 " change "

看着可以修改属性值当然也可以修改属性,所以我们先写一个开关标签 " switch " 和一个按钮标签吧;

在change属性中 他是会自带一个值的,里我们主要用的就是 它值的名字.detali.value看这个是等于 true 还是 false 

接着使用 num1去控制 loading 的值,就好了;

这是switch开启,button就开启,想烦着来就在=号后面加个 ! 感叹号;这给时候num1初始值给 true 比较好,因为 false 的话在第一次点击时 button 不会变化;