let h = this.$createElement;
window.vm = this
this.$msgbox({
message: h('el-date-picker', {
domProps: {
value: this.batch_change_time
},
on: {
change: (e) => {
this.batch_change_time = e
}
}
})
})
需求是弹一个msgbox出来选择时间。
现在问题有两个:
是我写法错了么?
在Element-UI中,el-date-picker
组件默认使用msgbox
作为提示框,用于显示对话框和消息提示。如果你发现change
事件不响应,可能是因为在绑定value
属性时,你没有正确地设置value
的初始值。
以下是一个示例,展示了如何在el-date-picker
组件中使用msgbox
显示对话框:
```html <el-date-picker v-model="date" placeholder="选择日期" @change="handleChange"
```
在上述代码中,@change="handleChange"
是el-date-picker
组件的自定义事件处理器。handleChange
方法会在change
事件发生时被调用。
如果在绑定value
属性时没有正确地设置初始值,那么在change
事件发生时,value
的值可能仍然是undefined
。你可以通过在v-model
属性中设置初始值来解决这个问题:
```html <el-date-picker v-model="date" placeholder="选择日期" @change="handleChange" :value="initialDate"
```
在这个示例中,initialDate
属性是一个初始值,它在v-model
属性中设置,这样在change
事件发生时,value
的值就是initialDate
。