Vue.js Vuejs：如何在BootstrapVue中使用'v-b-modal指令'？

这是我的代码（错误）：

当我使用

$refs

方法创建模态时，它可以工作：

<template lang="pug">
  b-button(@click="showModal")
    i.fa.fa-calendar
  b-modal(ref="myModalRef" hide-footer title="some title")
    span Hello form my modal
</template>

<script>
  ...
  methods: {
    showModal() {
      this.$refs.myModalRef.show();
    },
  }
  ...
</script>

b按钮（@click=“showmodel”）
i、 fa.fa-calendar
b-modal（ref=“myModalRef”隐藏页脚标题=“某些标题”）
span你好，来自我的模态
...
方法：{
showModal（）{
这是.$refs.myModalRef.show（）；
},
}
...

这是我安装了BootstrapVue的主App.js

import 'bootstrap-vue/dist/bootstrap-vue.css';
import 'font-awesome/css/font-awesome.min.css';

import Vue from 'vue';
import Moment from 'vue-moment';
import BootstrapVue from 'bootstrap-vue';
import DatePicker from 'vue2-datepicker';

import './assets/bootstrap.cosmo.min.css';

import App from './App';
import router from './router';

Vue.config.productionTip = false;
Vue.use(BootstrapVue);
Vue.use(Moment);
Vue.use(DatePicker);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
});

导入'bootstrap vue/dist/bootstrap vue.css'；
导入'font-awesome/css/font-awesome.min.css'；
从“Vue”导入Vue；
从“vue力矩”导入力矩；
从“引导vue”导入引导vue；
从“vue2日期选择器”导入日期选择器；
导入“/assets/bootstrap.cosmo.min.css”；
从“./App”导入应用程序；
从“./router”导入路由器；
Vue.config.productionTip=false；
Vue.use（BootstrapVue）；
使用（瞬间）；
Vue.use（日期选择器）；
/*eslint禁用无新*/
新Vue({
el:“#应用程序”，
路由器，
组件：{App}，
模板：'
到目前为止，我有问题，直到我想显示一些模态

我怎么了？
问题出在帕格身上

<template lang="pug">
  .component-root
    b-btn(v-b-modal.myModal)
      i.fa.fa-calendar
    b-modal#myModal
      span Hello this is my modal!
</template>

把事情搞砸。使用：

b-btn(v-b-modal.myModal="")

原因:

b-btn（v-b-modal.myModal）
创建
，使Vue搜索该错误。使用
b-btn（v-b-modal.myModal=“”）
创建
，从而解决问题

更多信息：
你知道那是什么吗？帕格模板会呈现任何带有
v
值的属性吗？@Bhojendra:什么？它怎么会与之重复呢？？？它在asp.net中，完全没有任何BootstrapVue模式的引用。@acdcjunior:我只是在BootstrapVue自己的网站上遵循这本手册
<template lang="pug">
  .component-root
    b-btn(v-b-modal.myModal)
      i.fa.fa-calendar
    b-modal#myModal
      span Hello this is my modal!
</template>

b-btn(v-b-modal.myModal)

b-btn(v-b-modal.myModal="")