Javascript Vuetify自定义时间选择器组件未更新模型并出现错误
所以我已经在这上面呆了一段时间了。我用Vuetify中的时间选择器创建了一个自定义组件。我在Vue.js文档中看到,自定义模型组件需要发出如下输入: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'], 数据(){ 返回
但即使在添加了这个之后,它似乎也没有更新我的模型。我收到错误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用作模态时,它正按预期工作!非常感谢你!