vue中lable使用问题

Question

我的结构如下：

<li
    v-for="(item, index) in pushData"
    :key="index"
>
    <lable
      :for="index"
      v-if="item.type=='radio' && typeof item.name === 'string'"
    >
      <input
        :id="index"
        type="radio"
      />&nbsp;{{ item.name }}
    </lable>
</li>

数据是这样的：

data () {
    return {
      pushData: {
        user: {
          name: '姓名'
        },
        class: {
          name: '分类',
          type: 'select'
        },
        region: {
          name: ['省份', '城市', '区县'],
          type: 'select'
        },
        company: {
          name: '公司'
        },
        radio: {
          name: '单选框',
          type: 'radio'
        },
        checkbox: {
          name: ['多选项1', '多选项2'],
          type: 'checkbox'
        }
      }
    }
}

输出报错：

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

请问这是为什么呢？

Answer 1

你的外层是有个循环吗，贴出完整代码。