html5 - Bagaimana untuk melaksanakan penghakiman ekspresi pada aksara melarikan diri dalam vue.js?

Question

<text class="iconfont">{{selected == item.id ? iconfont
Walau bagaimanapun,
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
ditakrifkan dalam data
nmlIcon : '&# xe837 ;',
selIcon : ''
Pada masa ini, saya tidak dapat memaparkannya

Apakah sebabnya? Pakar, tolong beri saya analisis, terima kasih!

Answer 1

Ini kerana apabila anda meletakkan rentetan dalam HTML, ia pertama kali dihuraikan oleh Vue dan kemudian diperolehi oleh penyemak imbas, jadi hasilnya sudah terlepas apabila ia mencapai Vue.

{{}} Iaitu, v-text menetapkan textContent elemen, jadi ia tidak akan terlepas. {{}} 即 v-text 是设置元素的 textContent 的，所以不会转义。

所以你可以改用 {{{}}} 或者 v-html

Jadi anda boleh menggunakan {{{}}} atau v-html sebaliknya. 🎜