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

如果您正在编写.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一起使用，您是否要使用自己的图标？

vue组件样式问题

2 个答案: