之前讲解了wxml,wxss,今天终于到js了。
你应该发现了,至今为止,你的小程序处于“静态”,那想要小程序有互动,想要小程序“动起来”,要进行什么操作呢?答案就是js

举个例子,打开开发者工具,在wxml中写入--<view>hello {{abc}}! </view>
双括号内的内容,如果js没有写任何内容,就不显示,所以,可以在js中写上abc:'me',显示效果就是hello+me,编辑可变化的内容,显示hello+xxx的组合。

继续添加组件,比如添加按钮button。

此时点击按钮是不会有任何反应的,所以你要给它一个反应。
在button标签中添加onClick,按照图片所示写js,得到一个点击按钮变换内容的效果。案例中,点击按钮hello bro!--内容变化--hello world!

js的作用就是交互,快点设置吧。
小程序中,交互的场景非常多,所以,先通过这个案例感受一下吧,接下来有更多操作分享给大家。
温馨提示:用第三方平台添加组件,设置交互都非常简单。假如你被代码劝退,可以用第三方平台免费开发小程序,小白立即上手,30分钟完成,而且不花一分钱。

你应该发现了,至今为止,你的小程序处于“静态”,那想要小程序有互动,想要小程序“动起来”,要进行什么操作呢?答案就是js

举个例子,打开开发者工具,在wxml中写入--<view>hello {{abc}}! </view>
双括号内的内容,如果js没有写任何内容,就不显示,所以,可以在js中写上abc:'me',显示效果就是hello+me,编辑可变化的内容,显示hello+xxx的组合。

继续添加组件,比如添加按钮button。

此时点击按钮是不会有任何反应的,所以你要给它一个反应。
在button标签中添加onClick,按照图片所示写js,得到一个点击按钮变换内容的效果。案例中,点击按钮hello bro!--内容变化--hello world!

js的作用就是交互,快点设置吧。
小程序中,交互的场景非常多,所以,先通过这个案例感受一下吧,接下来有更多操作分享给大家。
温馨提示:用第三方平台添加组件,设置交互都非常简单。假如你被代码劝退,可以用第三方平台免费开发小程序,小白立即上手,30分钟完成,而且不花一分钱。
