我正在嘗試將 Font Awesome 與 Vue laravel 專案一起使用。
我有它在我的 package.json
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.15.4",
"axios": "^0.21.4",
"bootstrap": "^4.6.0",
"jquery": "^3.6",
"laravel-mix": "^6.0.34",
"lodash": "^4.17.19",
"popper.js": "^1.16.1",
"postcss": "^8.3.11",
"resolve-url-loader": "^3.1.4",
"sass": "^1.43.3",
"sass-loader": "^11.0.1",
"vue": "^2.6.14",
"vue-loader": "^15.9.8",
"vue-template-compiler": "^2.6.14"
},
匯入的 FontAwesome main.js
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSpinner } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
我使用：
<i class="fas fa-ellipsis-v"></i>
但不顯示圖示！
uj5u.com熱心網友回復：
閱讀檔案 https://github.com/FortAwesome/vue-fontawesome
您需要添加到 main.js
Vue.component('font-awesome-icon', FontAwesomeIcon)
并使用標簽 <font-awesome-icon icon="***" />
例子：
<font-awesome-icon icon="ellipsis-v" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/336383.html
標籤：拉拉维尔 Vue.js laravel-8 font-awesome-5
下一篇：與屬性laravel8的關系