如何在使用bootstrap vue中的表单标记组件时将对象用作标记

import { Form, FormGroup, FormInput } from 'bootstrap-vue'
export default {
  components: {
    Form,
    FormGroup,
    FormInput
  },
  ...
}

data() {
  return {
    formModel: {
      name: '',
      email: '',
      password: ''
    }
  }
}

<template>
  <form>
    <form-group label="Name">
      <form-input type="text" v-model="formModel.name"></form-input>
    </form-group>
    <form-group label="Email">
      <form-input type="email" v-model="formModel.email"></form-input>
    </form-group>
    <form-group label="Password">
      <form-input type="password" v-model="formModel.password"></form-input>
    </form-group>
  </form>
</template>

<template>
  <form>
    ...
    <button @click="submitForm">Submit</button>
  </form>
</template>

<script>
export default {
  methods: {
    submitForm() {
      // 在这里可以使用formModel对象中的属性进行表单提交操作
      console.log(this.formModel.name);
      console.log(this.formModel.email);
      console.log(this.formModel.password);
    }
  }
}
</script>