Bootstrap-vue의 b-link는 textContent 또는 innerHTML 콘텐츠를 표시할 수 없습니다.

Question

깜박임에서 textContent을 얻어 변경할 수 없습니다. 태그나 div 태그로 동일하게 시도하면 제대로 작동합니다.

<b-link
 :ref="index"
 v-b-toggle="`${index}`"
 @click="changeText(index)"
>View More</b-link>

changeText(index) {
 console.log(this.$refs[index][0].textContent); // undefined
}

Answer 1

<div /> 和 <b-link />의 차이점은 전자는 실제 기본 HTML 마크업인 반면 후자는 특정 수준의 추상화를 제공하는 구성 요소라는 것입니다. 더 자세히 알아보려면 기본 웹 구성 요소 및 해당 Vue 구성 요소에 대해 읽어 보시기 바랍니다.

변경하려면 的内容<b-link /> Vue의 반응성 을 사용해야 합니다.

으아아아

Answer 2

Vue js 테스트 케이스에서 이 작업을 수행하는 방법을 찾았습니다. 일반적으로 이것은 작동합니다

으아악

하지만 bootstrap-vue는 해당 요소에 액세스하기 위해 vue 구성 요소를 반환하므로 해당 속성에 액세스하려면 $el을 사용해야 합니다.

으아악