开发者问题收集

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

2018-07-18
4623

我是 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
             }

     },

}

1个回答

您必须按照 组件注册 的方式注册组件。

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

components: { BAlert }

由于所有 html 标签都通过驼峰式命名法变成了虚线 BAlert = '<b-alert>'

您还可以使用

components: { 'b-alert': BAlert }
Crackers
2018-07-18