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)
}


浙公网安备 33010602011771号