vue.js - Vue 组件范围样式未显示 b-form-radio-group 按钮变体
问题描述
App.vue 中有一个子组件,即 GetQuote.vue,其中包含一些 bootstrap-vue 组件的样式,如下所示:
<template>
<b-container class="bv-example-row" ref="quoteContainer">
<b-form>
<b-form-row>
<b-col>
<b-form-group label="Tobacco" v-slot="{ ariaDescribedby }">
<b-form-radio-group
class='pt-3'
id="btn-radios-1"
v-model="tobacco"
:options="tobacco_options"
:aria-describedby="ariaDescribedby"
button-variant="outline-primary"
size="lg"
name="radio-btn-outline-tobacco"
buttons
></b-form-radio-group>
</b-form-group>
</b-col>
</b-form-row>
</b-form>
...
...
scoped属性已在此处添加到 bootstrap-vue 组件中。
但它显示单选按钮为:
解决方案
推荐阅读
- events - Jodit RTE - 内部消耗的按键“Enter”事件
- reactjs - 如何在 Antd Filters 中设置多个值:Reactjs 中的[{}]
- python - 为什么这段代码不能在带有 sqlizer 的 python 中工作?
- node.js - 来自 1e100.net 的连接导致巨大的网络/CPU 峰值
- python - 无法使用 appium python 在 AWS Device Farm 中创建 WDA 会话问题
- node.js - Bullmq 从队列中获取具有特定 ID 的作业
- python - 将数据从 csv 转换为 dict 列表
- python - 即使使用“from scapy.all import *”,模块“scapy”也没有属性“IP”(或“TCP”)
- docker - 使用wsl2 docker python时如何在vscode中打开windows forder
- reactjs - 在 EC2 AWS 实例上打开端口 8000 和 3000