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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。