el-radio动态获取数据，默认选中第一个

最新推荐文章于 2024-10-12 10:11:55 发布

黑魔仙小拓

最新推荐文章于 2024-10-12 10:11:55 发布

阅读量8k

点赞数 3

分类专栏： ElementUI 文章标签： javascript html

本文链接：https://blog.csdn.net/T70H78/article/details/120786332

版权

ElementUI 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了一个Vue应用中动态设置<el-radio-group>组件v-model值的方法。通过在获取列表数据后，将v-model绑定到列表的第一项的attenceId，实现了数据的初始化。示例代码展示了如何在findDataLists方法中获取factoryList数据，并设置this.attenceId为列表首项的attenceId。

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

<el-radio-group
              v-model="attenceId"
            >
              <el-radio
                v-for="item in factoryList"
                :label="item.attenceId"
                :key="item.attenceId"
              >{{item.attenceName}}</el-radio>
            </el-radio-group>

让v-model的值等于你获取的列表第一项
this.attenceId =this.factoryList[0].attenceId这句要加在动态获取了列表之后

 findDataLists() {
      let that = this;
      let params = {
        organizationId: that.optionsId,
        actionState: "1"
      };
      queryList(params).then(res => {
        that.factoryList = res.data.data || [];
        that.attenceId = that.factoryList[0].attenceId;
      });
    },