vueでのstyleに値を渡す方法がわかりません。

Question

前提・実現したいこと

現在vue.jsを使ってアプリの開発をしているのですが、複数アイコンが並んでいるコンポーネントで、数が多くなると折り返されるのではなく、横スクロールできる形にしたいです。

これを実現するために、overflowを試してみたものの、うまくスクロールできなかったので、計算で求めることにしました。

width:calc((25vw * 30px) * num);

現在やりたいのは、何らかの方法で、numをvueのdataから渡したいです。

やり方をご存じの方いましたらご教授よろしくお願いしますm(_ _)m

Answer 1

求めている方法とは多少違うのですが
v-bind:styleでwidthを指定する方法ならdataを利用できると思います。