账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui 使用 msgbox 去创建el-date-picker时 change事件不响应,value无法绑定。
    23
    0
    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出来选择时间。

    现在问题有两个:

    1. change不会触发(input可以)
    2. value好像没绑定到组件,选择了日期之后日期选择器内容还是空的

    是我写法错了么?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 流年的伤。 普通会员 1楼

      在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

    更多回答
    扫一扫访问手机版