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

执剑走天涯xp

于 2019-11-20 15:39:00 发布

阅读量6.3k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_41566366/article/details/103164089

vue 专栏收录该内容

8 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在.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() 即可