【Vue】Vue.jsで簡単SVG操作

svgと言っても、インラインSVGにしないと操作できないようですが、ひとまずコンパイル不要型の書き方で。

上記ソースは、svgのfillの色を、input type=”color”で変更可能にしたもの。

 

path v-bind:fill=”color”
v-model=”color”

data:{color:”#fff”}

が重要。

 

ちなみに、color:”#fff”のダブルクォーテーションを忘れていて、10mくらい動かなかったのがわたし。