Bootstrap-vue の b-link は textContent または innerHTML コンテンツを表示できません

Question

blink から textContent を取得して変更することができません。 tag または div タグで同じことを試してみると、正常に動作します。

ああああ

Answer 1

<div /> と <b-link /> の違いは、前者が実際のネイティブ HTML マークアップであるのに対し、後者は特定の HTML マークアップを提供することです。抽象コンポーネントの程度。詳細については、「ネイティブ Web コンポーネント」とそれに相当する Vue コンポーネントを読むことをお勧めします。

<b-link /> の内容を変更するには、Vue の反応性 :

を使用する必要があります。 リーリー

Answer 2

vue js テストケースからこれを行う方法を見つけました 通常、これは機能します

リーリー

しかし、bootstrap-vue はその要素にアクセスするために vue コンポーネントを返すため、そのプロパティにアクセスするには $el を使用する必要があります。

リーリー