初学小程序问题四（点击改变src的值）

直奔主题：

wxml:
<1 catchtap=“changIcon” class=“chang” src="{{icon1}}" data-msg="{{icon1}}"></1>(注意：1表示 image)

bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡(所以这里使用了catchtap)

data-msg 用来获取当前的图片链接

js：
首先 在data里声明
icon1:“http://pics.jiuziran.com/FkAH10a2O6AnD-ZR7BM59BwcPlNu”,
然后写点击事件
changIcon:function(res){
console.log(res);
let icon1 //定义变量
if (res.currentTarget.dataset.msg == “http://pics.jiuziran.com/FkAH10a2O6AnD-ZR7BM59BwcPlNu”) { //当前图片
icon1 = “…/…/img/common/分类_列表@2x.png” //点击之后图片
this.setData({
isshow: false,
ishidden: true
}) //这里的设置 是我点击之后切换不同的页面
} else {
icon1 = “http://pics.jiuziran.com/FkAH10a2O6AnD-ZR7BM59BwcPlNu” //当前图片
this.setData({
isshow: true,
ishidden: false
}) //这里的设置 是我点击之后切换不同的页面
}
this.setData({
icon1: icon1, //这里的设置 是让定义的变量等于你写的变量
})
},