vue css内联 !important 不起作用

Question

:style="{backgroundColor: '#ccc'}" 正常，
:style="{backgroundColor: '#ccc !important'}" 不能用

请问下，!important 要怎么加？
另外请问下： 这种小驼峰写法的css怎么称呼？

Answer 1

这种小驼峰写法的css怎么称呼？答：就叫驼峰式(camelCase)看文档与内联 style 绑定(Binding Inline Styles)如下：v-bind:style 的对象语法是非常简单直接的 - 看起来非常像 CSS，其实它是一个 JavaScript 对象。CSS 属性名称可以使用驼峰式(camelCase)或串联式(kebab-case)（使用串联式需要加引号）

Answer 2

你可以尝试不用小驼峰的写法，可以这样写:style="{'background-color': '#ccc !important'}"这样写就可以了。