vuejs(2)样式绑定顶部/左侧属性

时间:2017-05-24 15:24:57

标签: vuejs2

我试图将json对象中的两个样式属性绑定到我的html中的元素。我尝试过以各种方式编写像素和百分比(我发现下面显示的像素坐标与%坐标放置的位置不匹配,这只是一个例子)。

{left: 30 + 'px', top:25 + 'px'} {left:' 30px',top:' 25px'}

{left: 30 + '%', top:25 + '%'} {left:' 30%',top:' 25%'}

和我绑定如下: `V-绑定:式=" objnamehere"

当我重新加载页面时,元素不会定位在这些位置。我不确定我做错了什么。其中一个应该基于这里的官方示例工作:https://vuejs.org/v2/guide/class-and-style.html

1 个答案:

答案 0 :(得分:1)

就我而言,这是

<div class="caption-text" :style="{top:y + 'px',left:x+'px'}">

Y和X是我的Vue组件中的道具

“顶部”和“左侧”是CSS属性

希望它将对某人有帮助