Question

我收到一些警告消息。数据显示正常。如何解决该警告。警告：vue.runtime TypeError：无法读取未定义的属性“用户”

   <tbody>
        <tr v-for= "(item,index) in data.profile.users" :key="index" >
          <template v-for="(date,user,i) in item">
            <td>
              {{user}}
            </td>
            <td>
              {{ date }}
            </td >
          </template>
        </tr>
      </tbody>

 export default {
   props:['data'],
 },

Answer 1

如果您能提供错误消息是有帮助的。仅仅通过查看您的代码，问题可能是：

此处的额外报价

function f(x::AbstractVector{Int})
    println(x)
end # f (generic function with 1 method)

function f(x::AbstractVector{AbstractVector{Int}})
    for i in x
        println(i)
    end
end # f (generic function with 2 methods)

a=[1,2,3] # 3-element Array{Int64,1}:
b=[4,5,6] # 3-element Array{Int64,1}:
c=[a,b] # 2-element Array{Array{Int64,1},1}:

typeof(a) <: AbstractVector{Int} # true
typeof(c) <: AbstractVector{AbstractVector{Int}} # false

f(a) # [1, 2, 3]
f(c) # ERROR: MethodError: no method matching f(::Array{Array{Int64,1},1})

Answer 2

似乎您的个人资料数据尚未解决。您可以在计算属性中解析它，然后将其转换为值。还要注意，您可以在v-for中对属性进行重构以便对其进行访问，默认情况下，该属性需要可迭代对象的值和索引。

   <tbody>
        <tr v-for= "({date, user}, i) in users" :key="i">
            <td>
              {{user}}
            </td>
            <td>
              {{ date }}
            </td>
        </tr>
      </tbody>

 export default {
   props:['data'],
   computed: {
     users() {
      return this.data?.profile?.users
     }
   }
 },

[Vue警告]：渲染错误：“ TypeError：无法读取未定义的属性'“'

2 个答案: