博客列表 >小猿圈微信小程序之JS交互逻辑

小猿圈微信小程序之JS交互逻辑

聆听的博客
聆听的博客原创
2019年07月22日 14:29:161163浏览

微信小程序是当今很火的潮流,相信很多朋友和我一样一半不喜欢下载app,喜欢直接在微信中就可以打开然后使用,这样既可以方便使用,又不占咱们的手机内存,所以被我们广大用户所接受;那当然就火起来了,小猿圈加加这篇文章告诉大家一个微信小程序的小技巧,js交互逻辑,看到后一定要收藏哦,会用到的。

一、JS 交互逻辑

一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。

实例

<view>{{ msg }}</view>

<button bindtap="clickMe">点击我</button>

点击 button 按钮的时候,我们希望把界面上 msg 显示成 "Hello World",于是我们在 button 上声明一个属性: bindtap ,在 JS 文件里边声明了 clickMe 方法来响应这次点击操作:

实例

Page({

  clickMe: function() {

    this.setData({ msg: "Hello World" })

  }

})

此外你还可以在 JS 中调用小程序提供的丰富的 API,利用这些 API 可以很方便的调起微信提供的能力,例如获取用户信息、本地存储、微信支付等。

在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称,最后通过 setData 把获取到的信息显示到界面上。更多 API 可以参考文档 小程序的API 。

很实用的一个小技巧,希望大家可以收藏一下,用的时候可以直接用到,小猿圈加加最近在学习微信小程序,所以以后尽可能多分享一些微信小程序的使用技巧,如果对这方面感兴趣,可以来小猿圈网看看,咱们可以一起学习,交流。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议