vue3使用el-radio-group获取表格数据无法选中问题及解决方法

 更新时间:2024年05月15日 11:04:31   作者:熊抱抱的一粒  
这篇文章主要介绍了vue3使用el-radio-group获取表格数据无法选中问题及解决方法,本文给大家介绍的非常详细,需要的朋友可以参考下

这里是引用

今天写项目发现使用el-radio-group无法获取表格中的数据,于是去官网查看了一下,发现写的没啥问题,就是 <el-radio value="1" size="large"> 未知</el-radio>这样的写法,又在网上看了一些回答,发现是用<el-radio :label="1" size="large"> 未知</el-radio>这样的写法,官网里说

然后我用:value可以选中数据

  <el-table-column
        prop="status"
        :label="$t('leftMenubar.leftMenubarstatus')"
        width="280"
      >
        <template #default="scope"
          >
          <el-radio-group v-model="scope.row.status"  @change="handleClick( scope.row)"  class="communal_radio_group">
            <el-radio :value="1"  size="large"> 未知</el-radio>
            <el-radio :value="2"  size="large">{{$t('leftMenubar.leftMenubarsecure')}}</el-radio>
            <el-radio :value="3"  size="large">{{$t('leftMenubar.leftMenubarDanger')}}</el-radio>
          </el-radio-group>
        </template>
      </el-table-column>

到此这篇关于vue3使用el-radio-group获取表格数据无法选中问题的文章就介绍到这了,更多相关vue3 el-radio-group获取表格数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

    vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

    这篇文章主要介绍了vue 弹窗时 监听手机返回键关闭弹窗功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值(页面不跳转) ,需要的朋友可以参考下
    2019-05-05
  • vue通信方式EventBus的实现代码详解

    vue通信方式EventBus的实现代码详解

    这篇文章主要介绍了vue通信方法EventBus的实现代码,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • 使用vue重构资讯页面的实例代码解析

    使用vue重构资讯页面的实例代码解析

    这篇文章主要介绍了使用vue重构资讯页面的实例代码解析,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • vue el-input设置必填提示功能(单个与多个)

    vue el-input设置必填提示功能(单个与多个)

    有的功能需要设置必填项,当然也需要判断是不是添上了,下面这篇文章主要给大家介绍了关于vue el-input设置必填提示功能(单个与多个)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • element-ui table组件如何使用render属性的实现

    element-ui table组件如何使用render属性的实现

    这篇文章主要介绍了element-ui table组件如何使用render属性的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • Vue中引入第三方JS库的四种方式

    Vue中引入第三方JS库的四种方式

    在开发Vue项目的时候,有时需要使用一些非ES6格式的没有export的js库,下面这篇文章主要给大家介绍了关于Vue中引入第三方JS库的详细步骤,需要的朋友可以参考下
    2022-04-04
  • VUE路由动态加载实例代码讲解

    VUE路由动态加载实例代码讲解

    在本文里小编给大家整理了关于VUE路由动态加载实例代码以及相关知识点,需要的朋友们学习下。
    2019-08-08
  • 详解Vue用axios发送post请求自动set cookie

    详解Vue用axios发送post请求自动set cookie

    本篇文章主要介绍了Vue用axios发送post请求自动set cookie,非常具有实用价值,需要的朋友可以参考下
    2017-05-05
  • Vue+express+Socket实现聊天功能

    Vue+express+Socket实现聊天功能

    这篇文章主要为大家详细介绍了Vue+express+Socket实现聊天功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • VUE3使用JSON编辑器方式

    VUE3使用JSON编辑器方式

    这篇文章主要介绍了VUE3使用JSON编辑器方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10

最新评论