vue动态渲染el-radio,获取对应group选中的备选词

最新推荐文章于 2024-05-23 19:01:31 发布

HAZEL644

最新推荐文章于 2024-05-23 19:01:31 发布

阅读量2k

点赞数

分类专栏： elementUI 文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/HAZER644/article/details/128471728

版权

本文介绍在Vue项目中如何使用ElementUI的el-radio组件动态渲染选项，并实现选中值的获取。内容涉及若依框架下的一个单页面应用，通过form提交搜索候选词至后台进行列表查询，但实际效果未经接口测试验证。

摘要由CSDN通过智能技术生成

最近公司在做一个服务平台的项目，使用的若依框架，在一个单页面的vue文件中使用

有使用到搜索候选词，选中并且可能要发送给接口进行查询列表

以下代码仅供参考，是否在项目中有较高的实用度，无法确认，目前还没有接口进行测试

也不知道这样子加数组会怎么样，之后如果有修改再说。

单页面的html：

我是准备用form提交给后台查询

 <el-form label-width="110px">
          <el-form-item v-for="(items, index) in alert_words" :key="index">
            <span slot="label">{
  { items.alert_tit }}：</span>
            <el-radio-group v-model="queryWord[index]">
              <el-radio
                v-for="(alert, index2) in items.alert_arr"
                :key="index2"
                :label="alert"
                @change="handleRadioChanges(alert, index2)"
              />
            </el-radio-group>
          </el-form-item>
        </el