TypeError: Cannot set properties of undefined (setting ‘name‘)

最新推荐文章于 2025-03-07 22:44:00 发布

原创最新推荐文章于 2025-03-07 22:44:00 发布 · 3w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文讲述了在使用Ant Design Vue的表格组件时，如何正确处理点击行获取数据并将其name属性赋值给其他字段的问题，重点介绍了通过`that`关键字解决'Cannot set properties of undefined'错误的方法。

使用ANT DESIGN VUE组件库中的table时，使用文档中的行点击方法，获取到点击行的信息，并且赋值给其他字段报错TypeError: Cannot set properties of undefined (setting 'name')

<a-table
                :customRow="customRow"
                :columns="columns"
                :data-source="data"
              >
               
              </a-table>

data(){
    return{
        data:[],
        columns:[],
        name:'' //需要赋值的已经定义
}}
methods:{
customRow(record, index) {
     
      return {
        on: {
          click() {
            console.log(record)  //打印成功
            this.name = record.name  //赋值报错
           
          }
        }
      }
}
}

解决办法：var that=this

customRow(record, index) {
      var that = this
      return {
        on: {
          click() {
            console.log(record)
            that.time = record.time
          }
        }
      }
    },