<div v-bind:style="{margin-left: test + 'px' }"></div>
这样写报错
v-bind directives require an attribute value
<div v-bind:style="{margin-left: test + 'px' }"></div>
这样写报错
v-bind directives require an attribute value
1.对象语法形式绑定<div v-bind:style="styleObject"></div>
2.数组语法形式绑定<div v-bind:style="[baseStyles, overridingStyles]"></div>
3.直接class<div v-bind:class="[class1,class2]"></div>
思路:
<div v-bind:style="style"></div>
data(){
let test = 100;
return{
style:'margin-left:'+ test + 'px'
}
}
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.8k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case,记得用单引号括起来) 来
文档写的很清楚。如果按照你的写法,就是
或者
望采纳:)