Vue.js CSSProperties用法及代码示例

用于增加样式属性绑定中的允许值。

示例

允许任何自定义 CSS 属性

declare module 'vue' {
  interface CSSProperties {
    [key: `--${string}`]: string
  }
}

<div style={ { '--bg-color': 'blue' } }>

<div :style="{ '--bg-color': 'blue' }">

提示

增强必须放在模块.ts 或.d.ts 文件中。有关详细信息，请参阅Type Augmentation Placement。

也可以看看

SFC <style> 标签支持使用 v-bind CSS 函数将 CSS 值链接到动态组件状态。这允许在没有类型扩充的情况下使用自定义属性。

相关用法

注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 CSSProperties。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。