您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

Vue3 style CSS 变量注入的实现

51自学网 2022-05-02 21:35:54
  javascript

摘要

在单文件组件样式中支持使用组件状态驱动的 CSS 变量( CSS 自定义属性)。

基础示例

<template>  <div class="text">hello</div></template><script>  export default {    data() {      return {        color: 'red',        font: {          size: '2em',        },      }    },  }</script><style>  .text {    color: v-bind (color);    /* expressions (wrap in quotes) */    font-size: v-bind ('font.size');  }</style>

动机

Vue SFC 样式提供了直接的 CSS 搭配和封装,但它是纯粹的静态的
Element树形控件整合带图标的下拉菜单(tree+dropdown+input)
最全的package.json解析

51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1