|
1 | 1 | <template> |
2 | | - <divv-if="isDisabled"> |
3 | | - <ahref:class="classList"v-bind="attributes"tabindex="-1"> |
4 | | - <i:class="classIcon"></i> {{name}} |
5 | | - <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
6 | | - </a> |
7 | | - </div> |
8 | | - <divv-else-if="isExternalLink"> |
9 | | - <a:href="url":class="classList"v-bind="attributes"> |
10 | | - <i:class="classIcon"></i> {{name}} |
11 | | - <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
12 | | - </a> |
13 | | - </div> |
14 | | - <divv-else> |
15 | | - <router-link:to="url":class="classList"v-bind="attributes"> |
16 | | - <i:class="classIcon"></i> {{name}} |
17 | | - <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
18 | | - </router-link> |
19 | | - </div> |
| 2 | + <a:class="classList"v-bind="attributes"tabindex="-1"v-on:click.stop.preventv-if="isDisabled"> |
| 3 | + <i:class="classIcon"></i> <span>{{name}}</span> |
| 4 | + <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
| 5 | + </a> |
| 6 | + <a:href="url":class="classList"v-bind="attributes"v-else-if="isExternalLink"> |
| 7 | + <i:class="classIcon"></i> {{name}} |
| 8 | + <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
| 9 | + </a> |
| 10 | + <router-link:to="url":class="classList"v-bind="attributes"v-else> |
| 11 | + <i:class="classIcon"></i> {{name}} |
| 12 | + <b-badgev-if="badge && badge.text":variant="badge.variant">{{badge.text}}</b-badge> |
| 13 | + </router-link> |
20 | 14 | </template> |
21 | 15 |
|
22 | 16 | <script> |
@@ -78,7 +72,7 @@ export default { |
78 | 72 | returnthis.getClassArray(this.attributes.class) |
79 | 73 | }, |
80 | 74 | disabledClasses () { |
81 | | -returnthis.isDisabled?'disabled btn-link'.split(''): [] |
| 75 | +returnthis.isDisabled?'disabled'.split(''): [] |
82 | 76 | }, |
83 | 77 | isDisabled () { |
84 | 78 | returnBoolean(this.attributes.disabled) |
|