VUE dynamic style

Ternary operator judgment
555

Dynamically set class

    
{{machineItem.name}}
    




Method judgment

    

        
{{machineItem.name}}
        

    


 
methods:{
    machineStatusStyle(e){
        console.log(‘value’, e)
        if(e === 1){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        }else if(e === 2){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        }else if(e === 3){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        };
    }
}

Ternary operator judgment
555

Dynamically set class

    
{{machineItem.name}}
    




Method judgment

    

        
{{machineItem.name}}
        

    


 
methods:{
    machineStatusStyle(e){
        console.log(‘value’, e)
        if(e === 1){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        }else if(e === 2){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        }else if(e === 3){
            return {
                width:‘14px’,height:‘16px’,
                background:"url(‘/src/images/time.png‘) no-repeat center",
                marginLeft: ‘10px’
            }
        };
    }
}