我需要在js中使用这个.$refs.calendars.$refs.calendar.showPageRange（），它可以工作，但在ts中，错误“$refs”不存在于类型“Vue”上|元素|Vue[]|元素[]'

<v-date-picker
  v-model="dates"
  ref="calendars"
 />

ts

interface Data {
  dates?: { start: Date; end: Date };
 } 
export default Vue.extend({
  components: {
   VDatePicker: () => import('v-calendar/lib/components/date-picker.umd')
  },
   data(): Data {
    return {
      dates: undefined
     };
   },

在方法中
一个二个一个一个