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

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

m0_67403013

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

阅读量1.2k

点赞数

分类专栏：前端 html 文章标签：网络 tcp/ip vue.js

本文链接：https://blog.csdn.net/m0_67403013/article/details/123352375

版权

前端同时被 2 个专栏收录

23 篇文章

订阅专栏

html

23 篇文章

订阅专栏

本文档介绍了在使用Ant Design Vue的Table组件时遇到的问题，即在尝试通过行点击事件获取数据并赋值给其他字段时出现TypeError。解决方案是通过在方法中保存上下文`this`，然后在事件处理函数内部引用保存的`that`来正确地设置属性。

摘要由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
          }
        }
      }
    },