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>

Дело в том, что я хочу, чтобы эти стили применялись к этому компоненту. Они влияют на другие родительские и родственные шаблоны. Можно ли включить это для элементов одного шаблона?

Answer 1

вы можете попробовать импортировать 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, вы пытаетесь использовать свои собственные иконки?

Answer 2

Если вы пишете. vue отдельные файловые компоненты, вы можете использовать это:

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