elementUI中radio组件报错,如何解决?

使用element的radio组件出现问题
element radio原文链接:https://element.eleme.cn/#/zh...

这是radio组件的代码(名字为singleBox)

<template>
  <!-- <div id="singleBox"> -->
    <el-radio-group v-model="radio">
      <el-radio :label="1">全部</el-radio>
      <el-radio :label="2">合伙人</el-radio>
      <el-radio :label="3">大客户</el-radio>
    </el-radio-group>
  <!-- </div> -->
</template>

<script>
export default {
    // name:"single",
  data() {
    return {
      radio: 1,
    };
  },
};
</script>

这是调用这个组件的代码

<template>
  <div id="financialOrder">
    <!-- 单选框 -->
    <div>
      <span>类型</span>
      <single-box></single-box>
    </div>
  </div>
</template>
<script>
import singleBox from '../../components/finance/singleBox.vue';
export default {
    name:"financialOrder",
    components: {
    singleBox,
    },
    data() {
        return{
          
        }
    },
}

报错内容:
文字版本:

[Vue warn]: Unknown custom element: <el-radio-group> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

image.png
翻译的意思是需要提供名称
但是不太能理解element中给的原生 name 属性如何使用
网上的其他解决方案,也都尝试,并没用
请大佬解答一下

阅读 4.1k
1 个回答

你没有注册这个组件 element在main.js 有引入么 还是按需引入的?
如果是按需引入的不仅要引入el-radio 还要引入el-radio-group
也就是Radio,RadioGroup这两个

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题