<div> <el-radio-group v-model="radio1"> <el-radio-button label="发动机" style="border:none;"></el-radio-button> <el-radio-button label="前端" border="none" ></el-radio-button> <el-radio-button label="后端"></el-radio-button> <el-radio-button label="车门"></el-radio-button> </el-radio-group> </div> 如何去掉车门按扭的边框
时间: 2023-10-06 08:06:39 浏览: 340
你可以在 `<el-radio-button>` 标签中添加 `border="none"` 属性,像这样:
```
<el-radio-button label="车门" border="none"></el-radio-button>
```
这样就可以去掉车门按钮的边框了。
相关问题
<div class="search"> <!-- <span>分类</span> --> <div style="padding-left: 16px;padding-bottom: 24px;">分类 <el-radio v-model="radio" label="1">备选项</el-radio> <el-radio v-model="radio" label="2">备选项</el-radio> </div> </div>,怎么修改这里radio的样式
要修改这里的 `radio` 样式,你可以使用 CSS 来自定义样式。你可以在 HTML 文件中添加一个 `<style>` 标签,然后在其中定义你想要的样式。以下是一个例子:
```html
<style>
.el-radio__input:checked+.el-radio__inner {
background-color: red;
border-color: red;
}
</style>
```
在上面的例子中,我们使用了 `.el-radio__input:checked+.el-radio__inner` 选择器来选中被选中的 `radio` 元素以及它相邻的 `el-radio__inner` 元素,并定义了一些样式属性来改变它们的背景颜色和边框颜色。你可以自由修改这些属性来满足你的需求。
请注意,这只是一个示例,你可以根据实际需求进行修改。另外,你可能还需要在项目中引入相应的 CSS 文件或类库,以确保样式生效。
<div v-for="(item, index) in parameters" :key="index"> <el-form-item :label="item.value + item.remark"> <el-input v-if="item.type == 0" v-model=""></el-input> <el-radio-group v-model="processSelfTestEditForm.parameter" v-if="item.type == 1" > <el-radio label="合格" size="large">合格</el-radio> <el-radio label="不合格" size="large">不合格</el-radio> </el-radio-group> </el-form-item> </div> 动态渲染时怎么拿到每一个input 的v-model
在动态渲染时,可以通过绑定一个动态的 `v-model` 来获取每个 `input` 的值。具体的做法是,在每个 `input` 上绑定一个动态的 `v-model`,这个 `v-model` 对应的变量是一个对象的属性,属性名可以通过 `item.key` 来获取。这样,在提交表单时,就可以通过这个对象来获取每个 `input` 的值了。具体代码如下:
```
<el-form :model="formData" ref="form">
<div v-for="(item, index) in parameters" :key="index">
<el-form-item :label="item.value + item.remark">
<el-input v-model="formData[item.key]" v-if="item.type === 0"></el-input>
<el-radio-group v-model="formData[item.key]" v-if="item.type === 1">
<el-radio label="合格" size="large">合格</el-radio>
<el-radio label="不合格" size="large">不合格</el-radio>
</el-radio-group>
</el-form-item>
</div>
</el-form>
```
在这个例子中,我们使用了一个对象 `formData` 来存储每一个 `input` 的值。我们可以在 `v-model` 中绑定 `formData[item.key]`,这里的 `item.key` 代表每一个 `input` 对应的属性名。在提交表单时,我们可以通过 `this.$refs.form.validate()` 方法获取到 `formData` 对象,并将其传递给后端。
阅读全文