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

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

2. 实现代码。

样式定义:

 data() {
    return {
      input: {
        fontSize: "21px",
        height: "0px",
        marginBottom: "0px"
      },
      backgroundColor: {
        background: "#f5fffa"
      }
    };
  },

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

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

:style="input"

:style="backgroundColor"

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

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