Vueのカルーセル - 設定アイコンナビゲーションは

Question

にラベルを付けるように私はこのVUEカルーセルpackageを使用しています、と私はこのように、ナビゲーションボタンとアイコンを設定しようとしています：

<carousel 
    :perPage="1" 
    :navigationEnabled="true" 
    :navigationNextLabel="'<i class="material-icons">keyboard_arrow_right</i>'" 
    :navigationPrevLabel="'<i class="material-icons">keyboard_arrow_left</i>'" 
> 
    <slide v-for="testimonial of testimonials" :key="testimonial.id"> 
    <img v-if="testimonial.image" :src="testimonial.image.data.path" class="is-96x96"> 
    <h4>{{ testimonial.title }}</h4> 
    <p>{{ testimonial.excerpt }}</p> 
    </slide> 
</carousel> 

しかし、何らかの理由で、そうではありません作業、私はHTMLで出力としてこれを取得する：コードがあるべきような小道具が動的ではありません。ここ

Answer 1

<carousel 
    perPage="1" 
    :navigationEnabled="true" 
    navigationNextLabel="<i class='material-icons'>keyboard_arrow_right</i>" 
    navigationPrevLabel="<i class='material-icons'>keyboard_arrow_left</i>" 
> 
<slide v-for="testimonial of testimonials" :key="testimonial.id"> 
    <img v-if="testimonial.image" :src="testimonial.image.data.path" class="is-96x96"> 
    <h4>{{ testimonial.title }}</h4> 
    <p>{{ testimonial.excerpt }}</p> 
</slide> 
</carousel>