切换图片

实现原理

绑定图片的src属性,通过绑定数据编程,改变图片的路径,从而达到切换图片的效果。

涉及知识点: 属性绑定 绑定数据编程

Step by Step

1. 插入图片,进行属性绑定,绑定参数:{"src":pic};绑定变量初始化:{"pic":"/img/switchpic2.png"}。

2. 图片上进行绑定数据编程,高级编辑内填入以下代码:

if(_vm.pic()=="/img/switchpic1.png")
{_vm.pic("/img/switchpic2.png");}
else
{_vm.pic("/img/switchpic1.png");}

/img/switchpic1.png、/img/switchpic2.png为切换图片的路径;pic为属性绑定时绑定的变量名。

注意事项

注意事项暂无