vue {{}} 数据渲染出现 undefined问题

这应该就是数据异步请求导致的问题吧~例如user:{"id":1,"name":"yrm","des":{"sex":"girl""age":"19"}}{{user.des.sex}}//报错undefined{{user.des ? use...

油纸

4527人浏览 · 2019-11-20 21:29:24

油纸 · 2019-11-20 21:29:24 发布

这应该就是数据异步请求导致的问题吧~

例如

user:{    
    "id" : 1,    
    "name" : "yrm",     
    "des" : {       
      "sex" : "girl"
      "age" : "19"
     }
}


{{user.des.sex}}  //报错undefined

{{user.des ? user.des.sex : ''}}  //这样子就不报错了

其实就是先判断数据存在再进行数据渲染，就不会出现数据还没及时拿到的时候出现undefined的问题的。虽然写法有些麻烦，但是好使！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^