嗶嗶one
2022-01-07 14:07:57
我無(wú)法理解如何將 CSS 代碼制作成帶有符號(hào)“-”的 v-bind:style。如果我嘗試做這樣的事情:<DIV style="width:100px;height: 100px;background-color: red;cursor: pointer;" v-bind:style="{ margin-left: margin + 'px'}"></DIV>我得到:invalid expression: Unexpected token '-' in
1 回答

至尊寶的傳說(shuō)
TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個(gè)贊
正如Vue文檔中所解釋的:“您可以使用 camelCase 或 kebab-case(在 kebab-case 中使用引號(hào))作為 CSS 屬性名稱”
因此,您需要將其更改margin-left為marginLeftOR'margin-left'以使其按預(yù)期工作。
您的代碼將變?yōu)椋?/p>
<div style="width:100px;height: 100px;background-color: red;cursor: pointer;"
v-bind:style="{ 'margin-left': margin + 'px'}">
...
</div>
或者
<div style="width:100px;height: 100px;background-color: red;cursor: pointer;"
v-bind:style="{ marginLeft: margin + 'px'}">
...
</div>
希望這可以幫助!
添加回答
舉報(bào)
0/150
提交
取消