【Vue】元素未渲染前不显示{{}}变量
改为使用v-text
指令进行绑定,如:
<span>{{Hello}}</span>
改为 <span v-text="Hello"></span>
因为在前端vue.js下载后,加载框架、渲染Dom
需要一段时间,在渲染完成前,页面上的元素会以普通Html
元素显示,所以只要明明白白的写了{{变量}}
,就会以Html
的方式显示出来,改为指令描述后就没有这个问题了。
改为使用v-text
指令进行绑定,如:
<span>{{Hello}}</span>
改为 <span v-text="Hello"></span>
因为在前端vue.js下载后,加载框架、渲染Dom
需要一段时间,在渲染完成前,页面上的元素会以普通Html
元素显示,所以只要明明白白的写了{{变量}}
,就会以Html
的方式显示出来,改为指令描述后就没有这个问题了。