<el-form-item label="行为类型" prop="type" class="checkbox-type">
<el-checkbox-group v-model="queryParams.types" size="medium">
<el-checkbox v-for="item in typeOptions" :key="item.type" :label="item.type">{{ item.name }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
getTypeData() {
allTradeType().then(response => {
this.typeOptions = response.data
})
},
去查表吧,表字段type,name
| type | name |
| 1 | 刷抖音 |
| 2 | 吃饭 |
| 3 | 睡觉 |
使用Vue进行前端表单行为类型配置
这篇博客展示了如何在Vue中创建一个用于选择行为类型的表单元素。利用`el-form-item`、`el-checkbox-group`和`el-checkbox`组件,用户可以方便地从预定义的类型选项如'刷抖音'、'吃饭'、'睡觉'中进行选择。通过`getTypeData`函数获取并填充这些类型数据,实现动态配置。
3243

被折叠的 条评论
为什么被折叠?



