Vue :是否可以导入仅针对该组件的js作用域

Question

我正在尝试使用vue-ant框架的表格组件。我只想导入表格样式。但是，当尝试导入import 'ant-design-vue/lib/table/style/css'表格样式时，来自其他组件的所有元素都会受到影响。是否可以仅对该组件使用该样式。

我尝试将其导入到javascript标记，但遇到了一些错误，因为less文件需要来自<style>文件的一些参数

Answer 1

您可以使用scoped属性为Vue组件创建限定作用域的样式。然后将您需要的样式导入到作用域样式中。

<style scoped>
  @import "whatever/you/want/to/import";
</style>

Answer 2

我也遇到了同样的问题，我用style属性代替@import解决了这个问题。我将使用您的导入路径来演示如何执行此操作：

<style scoped src="ant-design-vue/lib/table/style/css"></style>