Vueのインラインスタイルの複数バインディング

やりたいこと

APIで取得した座標値を、positionのtopとかleftに指定したかった。

簡潔で参考になったページ

クラスとスタイルのバインディング (Vue.js公式ガイド(v2.X)を読んでみたメモvol.05)
https://qiita.com/zawazawa/items/4f9b15bf7ba7b1cf7404

複数スタイルを定義したかった

これでdata関数のreturnで変数に格納した値を使える。

v-bind:style="{ <プロパティ名>: <変数名> }"とdata内に<変数名>: <値>

// 以下例
<div v-bind:style="{ top: Ltop + 'px', left: Lleft + 'px'}" class="position">

複数は','でした。

という、新しいアカウントでQiitaを更新したかったので、簡単なメモ。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.