小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在这个image中，<image bindtap="tapVoicePlay" src="http://xxxxxxx" data-url="http://xxxxxxx"></image>，如果我做了点击，怎么才能让界面把这张图换掉。
我的场景是，再点击一个播放的按钮后，将播放的图标改称暂停的图标。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这样的话就需要看看列表渲染的数据绑定了。
这里可以帮您：
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我是一个循环生成的行的中图片，默认每一行的默认图片是一样的，只有点击这一行时，对应行的图片变换一下，再次点击时还会还原，这个怎么弄的。
如果自定义一个变量的话，我担心所有行都变化了。
假设您在相应的 js 文件 中是这么写的：
Page({
data:{}
});
那么，您只需要在data中加入一个字段变成下面的样子：
var icon = true;
data:{
playIcon:"https://xxxxxxxx" // 这是默认图片地址
},
tapVoicePlay: function(){
if(icon) this.setData({ playIcon: "https://改变后的图片地址" });
else this.setData({ playIcon: "https://默认图片地址" });
icon = !icon;
// 您的其他业务逻辑
}
然后，您的wxml中改为：
<image bindtap="tapVoicePlay" src="{{playIcon}}" data-url="http://xxxxxxx"></image>
具体请详见：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/data.html
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这样的话就需要看看列表渲染的数据绑定了。
这里可以帮您：
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html
我是一个循环生成的行的中图片，默认每一行的默认图片是一样的，只有点击这一行时，对应行的图片变换一下，再次点击时还会还原，这个怎么弄的。
如果自定义一个变量的话，我担心所有行都变化了。
假设您在相应的 js 文件 中是这么写的：
Page({
data:{}
});
那么，您只需要在data中加入一个字段变成下面的样子：
var icon = true;
Page({
data:{
playIcon:"https://xxxxxxxx" // 这是默认图片地址
},
tapVoicePlay: function(){
if(icon) this.setData({ playIcon: "https://改变后的图片地址" });
else this.setData({ playIcon: "https://默认图片地址" });
icon = !icon;
// 您的其他业务逻辑
}
});
然后，您的wxml中改为：
<image bindtap="tapVoicePlay" src="{{playIcon}}" data-url="http://xxxxxxx"></image>
具体请详见：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/data.html