基于element-ui的el-radio-group和el-radio创建新的radio-group组件,radio不能点击

在element-ui的el-radio-group和el-radio的基础上 写了一个自定义的radio-group组件,主要的目的是当点击某一个radio时,该radio下的输入框会显示出来,如下

clipboard.png

<template>
  <el-radio-group v-model="model.value" @change="change">
    <el-radio v-for="(item, index) in items" :label="item.label" :key="index">
      {{ item.label }}  
      <template v-if="item.subItems && model.value===item.label" v-for="(itm, index) in item.subItems">
        <el-input v-if="itm.type === 'input'" v-model="model[itm.prop]"></el-input>
        <el-input v-if="itm.type === 'number'" type="number" v-model="model[itm.prop]"></el-input>
        <el-date-picker
          v-if="itm.type === 'datetimerange'"
          v-model="model[itm.prop]"
          type="datetimerange">
        </el-date-picker>
      </template>
    </el-radio>
  </el-radio-group>
</template>

<script>
  export default {
    props: {
      model: {
        type: Object
      },
      items: {
        type: Array
      }
    }
  }
</script>

现在的问题是radio不能点击,请问是什么问题?应该怎么改正?

回答:

如果你是采用这种写法
<radio-group v-model=”model”>
需要在 radio-group 里面使用 props:{value:{type:Object}}

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注