Merge pull request #719 from VividLemon/master

VividLemon · web-flow · commit 47504422ba6e · 2022-09-28T15:06:08.000-05:00
fix(BLink): has class activeClass when prop active
diff --git a/packages/bootstrap-vue-3/src/components/BLink/BLink.vue b/packages/bootstrap-vue-3/src/components/BLink/BLink.vue
@@ -10,7 +10,10 @@
       :is="routerTag"
       ref="link"
       :href="href"
-      :class="[isActive && activeClass, isExactActive && exactActiveClass]"
+      :class="[
+        (isActive || activeBoolean) && activeClass,
+        (isExactActive || exactBoolean) && exactActiveClass,
+      ]"
       v-bind="$attrs"
       @click="navigate"
     >
diff --git a/packages/bootstrap-vue-3/src/components/BNav/BNavItem.vue b/packages/bootstrap-vue-3/src/components/BNav/BNavItem.vue
@@ -3,6 +3,7 @@
     <b-link
       class="nav-link"
       v-bind="$props"
+      active-class="active"
       :tabindex="disabledBoolean ? -1 : undefined"
       :aria-disabled="disabledBoolean ? true : undefined"
     >

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`<b-link`
`4`	`4`	`class="nav-link"`
`5`	`5`	`v-bind="$props"`
	`6`	`+ active-class="active"`
`6`	`7`	`:tabindex="disabledBoolean ? -1 : undefined"`
`7`	`8`	`:aria-disabled="disabledBoolean ? true : undefined"`
`8`	`9`	`>`