自定义全局组件未在 NuxtJs 中应用样式

Question

我已经构建了一些组件，例如按钮，我想在我网站的几乎所有地方使用和重用。

我已经创建了插件

Object.entries(components).forEach((([name, component]) => {
  Vue.component(name, component)
}))

并在 nuxt.config

中注册

plugins [
  '@/plugins/components'
]

<style lang="scss">
  .btn__container {
    border-radius: '5px';
    border: '1px solid red';
    background-color: 'red';
  }
</style>

但是当我调用组件时它不应用样式

<v-button>button</v-button>

我正在尝试检查我的自定义按钮元素，它有删除线，我不知道为什么

Answer 1

border-radius: '5px'; 无效 CSS
试试 border-radius: 5px;!

Custom global components not applying style in NuxtJs