v-bind:style关于vue实现内联样式绑定的问题

v-bind:style 的对象语法十分直观——看着非常像 CSS,但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case,记得用单引号括起来) 来命名:

目前vue实现内联样式,将有“-”的改成驼峰式,值之后除了传过来的动态数据外,其他需要的如px,url()等其他需要的都应该用字符串拼接的形式,完成值。

而以下这种方式,是不行的,测试之后会报错

vue用的不精,文档又容易看走眼,还是动手记记吧~

你可能感兴趣的:(v-bind:style关于vue实现内联样式绑定的问题)