동적으로 VueJS로 재료 아이콘 바꾸기

Question

일반적으로 나는 이와 같은 정적 Google 소재 아이콘을 사용합니다.

<i class="material-icons">&#xE85E;</i> 

그러나 VueJS로 계산 된 속성을 사용하여 재료 아이콘을 동적으로 변경하고 싶습니다.

<i class="material-icons font-size-36-i">{{ materialIconCode }}</i> 

computed: { 
    materialIconCode: function() { 
    return '&#xE85E' 
    } 
} 

그것은 숫자가 누락 된 페이지에 &# E E를 표시하는 대신 작동하지 않습니다 나는 다음 시도했다.

아이디어가 있으십니까?

Answer 1

https://jsfiddle.net/guanzo/tbm75a06/

수염 구문의 텍스트 데이터로 해석한다. 요소 v-html="materialIconCode"을 사용하여 요소의 html을 설정하십시오.