问俩个按钮动态切换日期类型等出现点击报错问题，不知道什么问题？

<div style="margin-bottom: 20px">
    <el-radio-group v-model="formInline.dateType" @change="radioOptions" size="small">
      <el-radio label="1" border>按天</el-radio>
      <el-radio label="2" border>按月</el-radio>
    </el-radio-group>
</div>

<el-form-item :label="dateTime.lableTime">
    <el-date-picker v-model="formInline.searchTime" arrow-control
        :type="dateTime.type" :format="dateTime.format"
        :picker-options="pickerOptions" :value-format="dateTime.valueFormat" :placeholder="dateTime.placeholder">
    </el-date-picker>
</el-form-item>

data() {
    return {
        formInline: {
            shopSid: '',
            dateType: '2',
            searchTime: ''
        },
        dateTime:{
            lableTime:'月份',
            type:'month',
            format:'yyyy/MM',
            valueFormat:'yyyy-MM',
            placeholder:'选择月'
        },
   }
}
 methods: {
 radioOptions(){
            if (this.formInline.dateType==1){
                console.log(this.formInline.dateType)
                this.dateTime.lableTime='日份'
                this.dateTime.type='date'
                this.dateTime.format='yyyy/MM/dd'
                this.dateTime.valueFormat='yyyy-MM-dd'
                this.dateTime.placeholder='选择日'
            }else{
                this.dateTime.lableTime='月份';
                this.dateTime.type='month';
                this.dateTime.format='yyyy/MM';
                this.dateTime.valueFormat='yyyy-MM';
                this.dateTime.placeholder='选择月';
            }
        },
 }