Vue 动态Style的几种写法

• 前端

1、对象形式

    雨夹雪



export default {
	data(){
    	return{
            fontSize: 15
        }
	},
}

2、三元表达式

晴天
雨天

3、数组形式

    下雪了
    雪停了
    起风了



export default {
	data(){
    	return{
            style: true,
            styleObj:{
                color: 'red',
                fontSize: '12px'
            },
            styleFontWeight:{
                fontWeight: 'bold'
            },
            fontWeight: 600
        }
	},
}

4、调用方法

    龙卷风



export default{

    methods:{
        getStyle(){
            return {
                color: '#333',
                fontSize: '14px'
            }
        }    
    }
}

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/0cc5df2c8c.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐