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

2022-04-13 16:25:54 浏览数 (1)

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

2. 实现代码。

样式定义:

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

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

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

:style="backgroundColor"

0 人点赞