bootstrap-vue.js with laravel未知的自定义元素： <b-alert> 错误

Question

我是Vuejs的新手，我得到了错误未知的自定义元素-

如何注册自定义元素b-alert。我认为这个元素来自bootstrapVue。

<template>
<div>
<b-alert show>Default Alert</b-alert>

</div> 
</template>
<script>
export default {
data () {
return {
dismissSecs: 10,
dismissCountDown: 0,
showDismissibleAlert: false
}
},
methods: {
countDownChanged (dismissCountDown) {
this.dismissCountDown = dismissCountDown
},
showAlert () {
this.dismissCountDown = this.dismissSecs
}
},
}

Answer 1

您必须将组件注册为组件注册

import { Alert } from 'bootstrap-vue/es/components';
components: { BAlert }

由于所有html标签都被camelcaseBAlert='<b-alert>'变成了虚线

提醒您也可以使用

components: { 'b-alert': BAlert }