今天做了一个最基本的微信小程序获取自己头像的方法
open-type用法
关于样式我就没怎么写了,因为自己现在主要在写锻炼自己最基本的逻辑思维
首先我们写HTML文件
<view class="advanter">
<image src='{{imgsrc}}'/>
</view>
<view>{{id}}</view>
<button open-type="getUserInfo" bindgetuserinfo="getuserinfo">点击授权</button>
在这段代码中我们需要注意**’{{imgsrc}}’**在渲染图片路径的时候我们需要在{{}}旁边加上’ '后,然后我们进入到自己的逻辑代码
data: {
id:'id',
imgsrc:'/pages/image/timg.png'
},
getuserinfo:function(e){
var img = e.detail.userInfo.avatarUrl;
var name = e.detail.userInfo.nickName;
this.setData({
imgsrc:img,
id:name
})
在这段代码中。我们的思路是这样的。我们首先自定义一个基本的变量,然后我们通过用setdata这个方法将局部变量变为全局变量,然后通过双向绑定的方法渲染到整个图层
其中可以注意es6用法 比如img:img
我们可以简写成img,其实质就是img:img,然后我们点击button
就能获取自己的头像了
总结
1学会了setData最基本的用法
2:open-type最基本发用法