我想实现:
在别的地方调用这个组件的时候,会自定义式的的配置样式(比如:可以把颜色color传到props然后来改变这个组件p标签里的文字颜色。)
遇到的问题:
虽然我这样写确实可以实现调用组件时自定义样式,但是有些样式我希望没传的时候也可以留下来,比如这个组件里的getStyle()方法,有color也有font-size。
目标:
1.我希望实现,如果调用组件时,没传style,那么默认就是getStyle()里边color和font-size的值(已实现)。
2.如果调用组件时,只传了color,那么color用传的值,而font-size是否还能用getStyle()这个方法里边的值呢?(待解决)。
3.如果说,我传的值除了color还有font-weight这种我没有写默认值的值,是否也能让传入的值,和默认样式中没有传到的值(如font-size)也都共存呢?(待解决)。
4.如果我传入的是font-weight和font-italic这种的(即:全部都是默认值没有定义到的),在这种情况下,是否也能做到传入的样式与我的默认值样式共存呢?(待解决)。
下面是我写的遇新是直朋能到分览支体调一个小例子:
希望各位大佬帮我看看,万分感谢!:)
haha
export default {
name: 'Test',
props: {
textStyle: Object
},
methods: {
getStyle() {
return this.textStyle || {
'color': '#999',
'font-size': '22px'
}
}
}
}