1. 程式人生 > >vue裡面動態更換圖片

vue裡面動態更換圖片

<span @click="togle">
    <img :src=" this.i == 0 ? srcs : nosrc" alt="">
</span>

export default{
    data(){
        return{
            i:0,
            srcs:require('../images/[email protected]'),
            nosrc:require('../images/[email protected]')
        }
    },
    methods:{
        togle(){
            if(this.i==0){
               this.i=1;
            }else{
               this.i=0;
            }
        }
    }
}