[Vuejs]-Do not show up the bootstrap icon even import BIcon

by

7👍

✅

You imported BIcon and registered it, but you didn’t register the requested individual icons.

try this:

      <b-icon variant="success" icon="arrow-up"></b-icon>

      <b-icon icon="alert-circle-fill" variant="success"></b-icon>

      <h2 class="group_title">Anime Wallpapers</h2>

...

<script>

  import { BIcon, BIconArrowUp } from 'bootstrap-vue'

  export default{
    data(){
      return {
        msg: 'hello vue'
      }
    },
    components: {
      BIcon,
      BIconArrowUp // <- The icon needs to be registered with your page/app
    }
  }
</script>

Refer to the docs that mention that you need to import individual icons: https://bootstrap-vue.org/docs/icons#usage

👤Troy Morehouse

Leave a comment