html 图片点击效果,图片点击切换效果.html

切换

《

》

var app = new Vue({

el: "#app",

data: {

imgArr: [

"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1236588971,2140616544&fm=26&gp=0.jpg",

"https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2497424583,3219704757&fm=26&gp=0.jpg",

"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3157634264,3284733966&fm=26&gp=0.jpg",

"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=211534800,2315315609&fm=26&gp=0.jpg",

"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2230869599,1275495527&fm=26&gp=0.jpg",

"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3825709260,3264432385&fm=26&gp=0.jpg"

],

index: 0

},

methods: {

left: function () {

this.index--;

},

rigth: function () {

this.index++;

}

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史