HTML中显示特殊字符“＜”,“＞“_span显示 html 类型

HTML中显示特殊字符“<”,">"，发现在页面没有渲染
如图 所示，希望实现效果

在页面上渲染出邮件的邮件表达式，包含字符< >
1.使用v-text

<v-avatar color="indigo" size="200" rounded>
    <span 
	    class="white--text headline" 
	    v-text="<cheryl123@qq.com>"
    >
    </span>
</v-avatar>
1
2
3
4
5
6
7

页面未渲染

2.直接写入html

<v-avatar color="indigo" size="200" rounded>
   <span class="white--text headline">
     <cheryl123@qq.com> 
   </span>
</v-avatar>
1
2
3
4
5

页面未渲染

如果要在标签中显示"<“或者”>"等特殊字符，可以使用“&”开头，“;”结尾，中间加上字符对应的编码就可以啦。

3.使用编码

<v-avatar color="indigo" size="300" rounded>
   <span class="white--text headline">&lt; cheryl123@qq.com &gt;</span>
 </v-avatar>
1
2
3

渲染成功！