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

最新推荐文章于 2024-08-06 17:48:24 发布

良月生秋

最新推荐文章于 2024-08-06 17:48:24 发布

阅读量3.8k

点赞数

分类专栏：前端 html 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_54866636/article/details/123431482

版权

前端同时被 2 个专栏收录

48 篇文章 7 订阅

订阅专栏

html

48 篇文章 0 订阅

订阅专栏

本文档介绍了在使用AntDesignVue的表格组件时遇到的行点击事件处理问题，以及如何正确地将点击行的数据赋值给其他字段。通过设置外部变量`that`来保存上下文，解决了`this`指向问题，从而能够成功将记录信息赋值给`name`字段。

摘要由CSDN通过智能技术生成

使用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
          }
        }
      }
    },