html5 - vue.js의 이스케이프 문자에 대한 표현식 판단을 수행하는 방법은 무엇입니까?

Question

<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
이렇게 작성하면 올바른 것을 표시할 수 있습니다. iconfont
그러나
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
는 data
nmlIcon: '&# xe837에 정의되어 있습니다. ;',
selIcon : ''
지금은 표시할 수 없습니다

이유는 무엇인가요? 전문가님들, 분석 좀 부탁드립니다. 감사합니다!

Answer 1

HTML에 문자열을 넣으면 먼저 Vue에서 구문 분석한 다음 브라우저에서 가져오기 때문에 Vue에 도달하면 결과가 이미 이스케이프되기 때문입니다.

{{}} 即 v-text 是设置元素的 textContent, 그래서 이스케이프되지 않습니다.

그래서 {{{}}} 或者 v-html를 대신 사용할 수 있습니다.