我试图将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
答案 0 :(得分:1)
就我而言,这是
<div class="caption-text" :style="{top:y + 'px',left:x+'px'}">
Y和X是我的Vue组件中的道具
“顶部”和“左侧”是CSS属性
希望它将对某人有帮助