vue的多选框搜索

使用Vue进行前端表单行为类型配置
这篇博客展示了如何在Vue中创建一个用于选择行为类型的表单元素。利用`el-form-item`、`el-checkbox-group`和`el-checkbox`组件,用户可以方便地从预定义的类型选项如'刷抖音'、'吃饭'、'睡觉'中进行选择。通过`getTypeData`函数获取并填充这些类型数据,实现动态配置。
<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

typename
1刷抖音
2吃饭
3睡觉

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值