javascript - 带有laravel的bootstrap-vue.js未知的自定义元素:<b-alert>错误

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

我如何注册自定义元素-b-警报。我认为该元素来自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
             }

     },

}

最佳答案

您必须像Component registration中一样注册组件

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

components: { BAlert }

由于所有html标记都变成驼峰式BAlert = '<b-alert>'

您还可以使用Alertenativ

components: { 'b-alert': BAlert }

关于javascript - 带有laravel的bootstrap-vue.js未知的自定义元素:<b-alert>错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51410184/