Закрыть мод начальной загрузки с машинописью

Question

У меня есть модал bootstrap-vue, и я пытаюсь закрыть его в моей функции щелчка.

this.$refs['my-modal'].hide()

но получите следующую ошибку:

Property 'hide' does not exist on type 'Vue | Element | Vue[] | Element[]'.
Property 'hide' does not exist on type 'Vue'

Я также пытался с jquery

$('#my-modal').modal('hide');

С ошибкой:

Property 'modal' does not exist on type 'JQuery<HTMLElement>'

Answer 1

В последней версии BootstrapVue (2.0.0-rc.21 +) вы можете использовать более новый метод this.$bvModal.hide(id), чтобы закрыть модал с указанным id.$bvModal напечатано, поэтому оно должно нормально работать с Typescript.

Answer 2

Когда refs не работает для меня в Vue+Typescript, я иногда приводю ref к HTMLElement или отключаю проверку типов с помощью any.

(this.$refs['my-modal'] as HTMLElement).hide()
(this.$refs['my-modal'] as any).hide()