前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VUE: 当前页面 引用自定义公用样式 (:style=“样式名“)

VUE: 当前页面 引用自定义公用样式 (:style=“样式名“)

作者头像
微风-- 轻许--
发布2022-04-13 16:25:54
4440
发布2022-04-13 16:25:54
举报
文章被收录于专栏:java 微风java 微风

1. 在当前页面,自行定义了几个样式,在不同地方引用。

2. 实现代码。

样式定义:

代码语言:javascript
复制
 data() {
    return {
      input: {
        fontSize: "21px",
        height: "0px",
        marginBottom: "0px"
      },
      backgroundColor: {
        background: "#f5fffa"
      }
    };
  },

调用:(可多种样式混用:自定义、style、class 等)

代码语言:javascript
复制
:style="input"

:style="backgroundColor"
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-01-17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档