vue 組件樣式問題

Question

我在我的組件中導入了一些 css 文件。

<template>    
    <link type="text/css" rel="stylesheet" media="screen" href="https://cdnglobal.immowelt.org/global-assets/4.0.0/fonts/fontello.css">
    <link type="text/css" rel="stylesheet" media="screen" href="https://cdnglobal.immowelt.org/global-assets/4.0.0/legacy/0/base.css">
...
<template>

問題是我希望這個 styles 應用於這個組件。 它們會影響其他父模板和兄弟模板。 是否可以將其應用於一個模板的元素？

Answer 1

如果您正在編寫 .vue 單個文件組件，您可以使用這個：

<style scoped src="./something.css">
</style>

Answer 2

您可以嘗試在組件中導入您的 CSS

<style scoped>
@import url("https://cdnglobal.immowelt.org/global-assets/4.0.0/legacy/0/base.css")
@import url("https://cdnglobal.immowelt.org/global-assets/4.0.0/fonts/fontello.css")
...your CSS...
</style>

我也將 Fontello 與 Vuejs 一起使用，您是否嘗試使用自己的圖標？