vue报错：Expected Number with value NaN, got MouseEvent

最新推荐文章于 2024-08-07 17:17:56 发布

原创最新推荐文章于 2024-08-07 17:17:56 发布 · 6.3k 阅读

3 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文详细解析了在Vue项目中，使用.el-button触发方法getEmpPostSalList时出现的错误：Expected Number with value NaN, got MouseEvent。阐述了如何正确传递参数给方法，避免事件对象被误传。

在.vue文件中，有下面这样一个方法

<template> 
   <el-form>
      <el-form-item>
        <el-button type="primary" @click="getEmpPostSalList">查询</el-button>
      </el-form-item>
   </el-form>
</template> 


<script>
export default {
    methods:{
        getEmpPostSalList(page = 1) {
             type of(page)
             this.filters.page = page;
        },
    }
}

错误描述：如果点击查询就会报错 Expected Number with value NaN, got MouseEvent

原因是：如果点击查询， el-button 中的 getEmpPostSalList 传递的是一个事件，是object类型

解决方法：只需要将 el-button 中的 getEmpPostSalList 写成 getEmpPostSalList() 即可