<el-radio-group v-model="form.type">
时间: 2024-04-26 14:07:09 浏览: 118
这是一段 Vue.js 代码,用于渲染一个单选框组。其中,`v-model="form.type"` 绑定了一个数据模型 `form.type`,用于存储用户选择的单选框的值。当用户选择一个单选框时,`form.type` 的值会被更新。`el-radio-group` 是一个由 Element UI 提供的 Vue.js 组件,用于渲染单选框组。
相关问题
<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的v-model绑定到一个对象中,然后在提交表单时,获取这个对象的值。具体代码如下:
```
<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-if="item.type == 0" v-model="formData[item.key]"></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对应的key。在提交表单时,我们可以通过 `this.$refs.form.validate()` 方法获取到 `formData` 对象,并将其传递给后端。
<el-form-item label="渠道类型"> <el-radio-group v-model="addForm.isTransfer"> <el-radio label="中转"></el-radio> <el-radio label="直发"></el-radio> </el-radio-group> </el-form-item>
这是一段 Vue.js 代码,用于创建一个表单项(<el-form-item>)和单选框组(<el-radio-group>),用于选择“渠道类型”(channel type)。该表单项包含两个单选框(<el-radio>),分别标记为“中转”(transfer)和“直发”(direct)。该表单项的值绑定到Vue实例中的“addForm.isTransfer”属性。
阅读全文