vue The specified value "2010-1-1" is not a valid number.

Question

这是一个日期控件

<input type="number" @click="openDate()" v-model="bbb">
data() {
    return {
      bbb:'',
    };
  },
methods: {
    openDate(){
    //打开日期控件
      this.$refs.datePickerFather.open();
    },
    output(val){
    //val是日期控件选择后的年月日对象
      let arr = [];
      arr.push(val.year);
      arr.push(val.month);
      arr.push(val.date);
      this.bbb = arr.join('-')
      console.log(arr.join('-'));
    }
  },

这个是output( val )

this.bbb 储存格式 是2010-1-1
他就会警告错误 并且更新不了视图 让2010-1-1 显示到页面上

这是什么地方出问题了呢？

Answer 1

input的type=number限制了bbb只能是Number去掉即可