Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuetify自定义时间选择器组件未更新模型并出现错误_Javascript_Vue.js_Vuejs2_Vue Component_Vuetify.js - Fatal编程技术网

Javascript Vuetify自定义时间选择器组件未更新模型并出现错误

Javascript Vuetify自定义时间选择器组件未更新模型并出现错误,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,所以我已经在这上面呆了一段时间了。我用Vuetify中的时间选择器创建了一个自定义组件。我在Vue.js文档中看到,自定义模型组件需要发出如下输入: 但即使在添加了这个之后,它似乎也没有更新我的模型。我收到错误TypeError:无法读取未定义的属性“value”。我尝试了$emit('input',$event),但似乎也不起作用。以下是我的组件: TimePicker.vue 取消 好啊 导出默认值{ 名称:'时间选择器', 道具:['value','label'], 数据(){ 返回

所以我已经在这上面呆了一段时间了。我用Vuetify中的时间选择器创建了一个自定义组件。我在Vue.js文档中看到,自定义模型组件需要发出如下输入:


但即使在添加了这个之后,它似乎也没有更新我的模型。我收到错误TypeError:无法读取未定义的属性“value”。我尝试了$emit('input',$event),但似乎也不起作用。以下是我的组件:

TimePicker.vue


取消
好啊
导出默认值{
名称:'时间选择器',
道具:['value','label'],
数据(){
返回{
时间:这个值,
模态2:假
};
}
};
我使用的组件如下所示:


您可以尝试发出以下事件:

<input
    v-bind:value="value"
    v-on:input="onInput"
>

methods: {
  onInput(value) {
    this.$emit('input', value)
  }
}

方法:{
onInput(值){
此.$emit('input',value)
}
}

太棒了,成功了!我认为,当我将value prop设置为time data属性并将其用于我的模型时,它不会更新,但现在当我直接将value prop用作模态时,它正按预期工作!非常感谢你!