bootstrapVue模态框不显示问题

Question

bootstrap模态框不显示问题
点击按钮有反应但是不显示弹出内容

<template>
<div>
  <h2 class="dome">图书馆管理系统</h2>
  <div>
    <b-nav pills  style="background-color:#545c64">
      <b-nav-item href="/HomePage">系统首页</b-nav-item>
      <b-nav-item href="/HelloWorld">图书管理</b-nav-item>
      <b-nav-item>读者管理</b-nav-item>
      <b-nav-item>借归管理</b-nav-item>
      <b-nav-item>信息查询</b-nav-item>
    </b-nav>
  </div>
  <div>
    <b-button v-b-modal.my-modal>新增读者</b-button>
      <b-modal id="my-modal" title="新增读者">
        <b-form-input v-model="form.rid" type="text"  placeholder="请输入条码号"></b-form-input> 
      </b-modal>  
  </div>
  <div>
    <b-table-lite  hover :items="items" :fields="fields"></b-table-lite>
  

Answer 1

你可以参考下这篇文章：BootstrapVue使用入门