【问题标题】:Vue.js object mappingVue.js 对象映射
【发布时间】:2021-02-19 13:59:57
【问题描述】:

我有这样的对象

data: () => ({
            customer: {
                item: {
                    name: undefined
                }}
})

在我正在使用的模板中

<v-number
separator="."
decimal="2"
group-by="3"
error-text="system.global.cusotmer"
v-model="customer.item.name"
></v-number>

但我得到一个错误:

[Vue 警告]:渲染错误:“TypeError:无法读取属性‘名称’ 未定义”

我做错了什么?

这很好用:

data: () => ({
            customer: {
                item: undefined}
})
v-model="customer.item"

【问题讨论】:

  • 您是否从服务器获取此数据?加载数据可能需要一些时间,在加载之前访问 customer.item.name 可能会引发错误。
  • 不,用户必须在这个v-number中输入数字,然后我需要把整个对象拿到后端

标签: javascript vue.js object templates


【解决方案1】:

试试这个语法

data() {
  return {
    customer: {
      item: {
        name: undefined
      }
    }
  }
},

另外,请提供更多关于 v-model 应用于什么以及您的模板实际在做什么的上下文。

【讨论】:

    猜你喜欢
    • 2019-09-19
    • 2017-04-29
    • 2013-08-01
    • 1970-01-01
    • 2011-03-25
    • 2013-10-12
    • 1970-01-01
    • 2019-05-27
    相关资源
    最近更新 更多