分享

vue动态设置组件样式

 小仙女本仙人 2021-08-21

vue3.0中,动态设置组件样式:
在父组件中动态设置子组件(自定义组件)样式?
1.通过props设置v-bind:style 来实现,不具体些了,这个很简单,但是如果是改变某个class里的某一个样式呢?并且这个class也是个动态绑定的,这种方法就不适用了。
另外,props接受到的属性,无法直接传入vue里的style部分,vue3.0的语法是v-bind()直接用,只能是data里定义的,不能是props传入的。
2.给顶层容器ref值
通过在mounted函数中this.$refs.值.style.setProperty("--mystyle",props),直接给这个--mystyle变量设置值
在style部分直接使用var(--mystyle)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多