More than 5 years have passed since last update.

Nuxt.js(Vue.js)でFont Awesomeアイコンをinputのplaceholderで使いたい

Last updated at 2018-06-09Posted at 2018-06-09

問題点

<input type="text" placeholder="&#xf002;" />

の様に記述してもエスケープされてしまう。

以下の様にする。

 <input type="text" :placeholder="icon" />

<script>
export default {
    data() {
        return {
            icon: '\uf002'
        }
    },
// ・・・