vue有默认参数传参_vue组件传入prop以后默认值会全部失效吗

我想实现:

在别的地方调用这个组件的时候,会自定义式的的配置样式(比如:可以把颜色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'

}

}

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值