Background
在前端编码过程中,常常会出现在mustache表达式 {
{}}
中undefine的某属性报错。原因是如果 {
{}}
仅仅是个变量如 {
{a}}
是不会报错的,a可以是undefine或者null。但是如果{
{a.b}}
或者 {
{a['b']}}
,那么当a是undefine的时候就会报错。
并且因为Ajax是异步加载所以常常出现加载数据之前报出这个错误。
Solution
- 利用在标签上面添加v-if:例如:
<div v-if="a">
。 - 在{
{}}中利用三元运算符:例如:
a ? a : ''
来判断是否为undefine。 - 在VUE的data中预定义可能为undefined的变量值,比如
a=[]
。
在编码过程中根据undefined的变量形式灵活运用规避方法,避免出现,undefinde的某属性问题。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数网络安全工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!