轻栈吧 关注:43贴子:806
  • 0回复贴,共1

开发小程序,交互用js

只看楼主收藏回复

之前讲解了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分钟完成,而且不花一分钱。




IP属地:广东1楼2023-02-02 17:46回复