Cannot read pronerty 'push' of null

• Z时代
• 2024-02-08
• 分类：IT

<div class="call-foot1">
    <van-field v-model="binCode" clearable name="binCode" placeholder="请输入坐标">
        <template #button>
            <van-button size="small" color="#243D8E" @click="haaa1"> 増加储位号</van-button>
        </template>
    </van-field>
</div>

create(){
this.partCodeArry=JSON.parse(localStorage.getItem(this.partCodeArry))
}
data() {
    return {
        binCode: '',
        partCodeArry:[],
}

methods: {
    haaa1() {
        this..push({
            binCodea: this.binCode
        })
        localStorage.setItem('partcodeArry', JSON.stringify(this.partCodeArry))
    }
}

为什么报错 Error in v-on handler: "TypeError: Cannot read property 'push' of null
Error: Cannot read property 'push' of null

回答：

这些代码是在问问题的时候手打的吧，因为有语法错误，帮你排版顺便把语法错误干掉了。

不过 partCodeArry 初始化为 { }，说明它是一个对象，似乎并不能确定有 push 方法。当然这不报出来的问题。因为报出来的是说在 null 上没有 push，{ } 显然不是 null。

也就是说 partCodeArry 在其他地被改过，改成了 null。从 haaa1() 的逻辑来看，使用了 localStorage，所以很大概率是在从 localStorage 读取数据那里改了 this.partCodeArry

所以，建议改动：

1. 初始化为 []
2. 赋值的地方 this.partCodeArry = blabla ?? []

以上是 Cannot read pronerty 'push' of null 的全部内容， 来源链接： utcz.com/p/937547.html