小编wt1*_*155的帖子

更改Vue js中单选按钮的样式

如何在 vue.js 中更改单选按钮的样式,将单选按钮和按钮的标签合并在一起。我试图根据此链接简单单选按钮样式更改它,但我无法更改它。下面是代码

<div id="product">
    <h4>{{$translate('options')}}</h4>
        <div v-for="(a,key,index) in attribute">
            <h5>{{a}}</h5>
            <v-radio-group small row v-model="selected[index]">
                <v-radio :label="v" :value="v" v-for="v in options['V'+(index+1)]" :key="v"></v-radio>
            </v-radio-group>
        </div>
Run Code Online (Sandbox Code Playgroud)

我想用这种样式的按钮制作它

原始格式

对这种风格

预期结果

我真的希望有办法解决这个问题,我想从我的错误中吸取教训,因为我还在学习 vue js

css vue.js vuetify.js

2
推荐指数
1
解决办法
9470
查看次数

标签 统计

css ×1

vue.js ×1

vuetify.js ×1