微信小程序，weixin，怎么使用代码更改前台的image的src的值

小程序开发的时候，参数值改变，前端页面会自动的响应的

页面中：<image class="img-tree" src="../../img/{{index}}.png"></image>

js中:

Page({

data:{ index:1,},//图片名称

getPower:function(){//更换图片的函数

this.setData({ index:2,})//更换参数值

}

})

微信小程序图片切换有两种方式：

两个image标签绑定同一个点击事件，根据data的值(true或false)在点击事件里面进行图片切换。

为了区分，里面图片路径用单引号，外面src用双引号。

工具/原料

微信小程序   web-view

方法/步骤

1、打开微信开发者工具。

2、选择新建小程序。

3、输入项目信息后，点击”确定“。

4、进入开发画面。

5、点击”index wxml“右侧将其他代码都删除，在容器中,添加”web-view“。

6、给这个web-view添加src属性这里添加需要的地址即可。

7、完成后保存修改，在左侧的手机模拟器中,即可查看效果。

---