要素は、私は、簡単なドラッグ機能を建物高てるマウス

Question

の下に自分自身を配置しません。しかし、いや、それは仕方ダウンの場所です：

正確にカーソルの下i-interact要素を配置する正しい方法は何ですか？

EDIT：私はこれを試してみました：

// this.$el = <div class="i-interact"> 
this.field.x = e.clientX - this.$el.parentElement.offsetLeft 
this.field.x = e.clientX - this.$el.parentElement.offsetTop 

しかしi-interact要素がまだ一番下に示します。

Answer 1

動的にスタイルを割り当てるには、内の文字列を持っている必要がposition変数。

あなたがこの参照するには、以下の例を参照することができます

HTML：

<div id="demo"> 
    <span :style="colorStyle"> {{age}} </span> 
</div> 

JS：

var demo = new Vue({ 
    el: '#demo', 
    data: function(){ 
     return { 
     age: '132', 
     colorStyle: 'color: red;' 
     }; 
    } 
}) 

は作業フィドルhereを参照してください。

var demo = new Vue({ 
    el: '#demo', 
    data: function(){ 
     return { 
     age: '132', 
     color: 'red' 
     }; 
    }, 
    computed: { 
     colorStyle: function() { 
     return 'color: ' + this.color + ';' 
     } 
    } 
}) 

更新シオマネキhere：

---

私はあなたがより良い、このような場合のために計算されたプロパティを使用することができ、あなたは可能ではない別のデータ変数内のデータ変数を使用している参照して、以下のサンプルコードを参照してください。