frequi_origin/src/views/LoginModal.vue

<template>
  <div>
    <b-button v-b-modal.modal-prevent-closing>Login</b-button>
    <b-modal id="modal-prevent-closing" ref="modal" title="Submit Your Name" @ok="handleOk">
      <Login id="loginForm" ref="loginForm" inModal />
    </b-modal>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

import Login from '@/components/Login.vue';

@Component({
  components: { Login },
})
export default class LoginModal extends Vue {
  $refs!: {
    loginForm: HTMLFormElement;
  };

  resetLogin() {
    // this.$refs.loginForm.resetLogin();
  }

  handleOk(evt) {
    evt.preventDefault();
    this.$refs.loginForm.handleSubmit();
  }
}
</script>

<style scoped></style>