vue里面动态更换图片

最新推荐文章于 2024-07-12 15:11:14 发布

转载最新推荐文章于 2024-07-12 15:11:14 发布 · 3.5k 阅读

vue 专栏收录该内容

8 篇文章

订阅专栏

本文展示了一个使用Vue.js实现的点击元素切换显示不同图标的功能。通过改变内部状态变量，可以控制图标在向上和向下箭头之间切换。该示例使用了Vue的数据绑定和方法调用，展示了Vue在交互式UI设计上的灵活性。

<span @click="togle">
    <img :src=" this.i == 0 ? srcs : nosrc" alt="">
</span>
 
export default{
    data(){
        return{
            i:0,
            srcs:require('../images/icon-up@2x.png'),
            nosrc:require('../images/icon-down@2x.png')
        }
    },
    methods:{
        togle(){
            if(this.i==0){
               this.i=1;
            }else{
               this.i=0;
            }
        }
    }
}

转载 http://www.51csdn.cn/article/180.html