vue vxe-talbe date控件自动弹出

问题解决过程,通过搜索发现未找到解决方法,尝试给空间添加ref属性,并输出this.$refs.dateRef值,通过检索发现有一个方法showPanel方法,果断尝试了一下,可以哟用
效果如下:

<template #toolbar_buttons>
        <vxe-radio-group
          v-model="dateType"
          size="mini"
          @change="showDate"
        >
          <vxe-radio-button
            label="date"
            content="日"
          ></vxe-radio-button>
          <vxe-radio-button
            label="week"
            content="周"
          ></vxe-radio-button>
          <vxe-radio-button
            label="month"
            content="月"
          ></vxe-radio-button>
          <vxe-radio-button
            label="quarter"
            content="季度"
          ></vxe-radio-button>
          <vxe-radio-button
            label="year"
            content="年"
          ></vxe-radio-button>
        </vxe-radio-group>
        <vxe-input
          style="margin-left:7px"
          v-model="selectDate"
          placeholder="日期选择"
          size="mini"
          :type="dateType"
          clearable
          ref="dateRef"
        ></vxe-input>

对应的方法

showDate(){
      //触发弹出
      this.$refs.dateRef.showPanel()
      console.log(this.$refs.dateRef)
}

posted @ 2021-08-25 11:55  随时静听  阅读(464)  评论(0)    收藏  举报