vue请求url出乱码：[object%20PointerEvent] ，PointerEvent {isTrusted: true, pointerId: 1, width: 1, height:

本文主要是介绍vue请求url出乱码：[object%20PointerEvent] ，PointerEvent {isTrusted: true, pointerId: 1, width: 1, height:，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

报错信息

在后台中console.log  url中携带的参数数据

1、代码函数

methods:{
    //获取用户数据，带分页功能
      get_data (page = 1) {
        console.log(page)
        console.log(this.ruleForm.part)
        this.$axios({
          url: this.$settings.base_url + `/user/usermessage/?page=`+page,
          method: 'get',
          params: { 'part': this.ruleForm.part },
          headers: {
            'AUTHORIZATION': sessionStorage.getItem('oatoken'),
            'Content-Type': 'text/html; charset=utf-8'
          },
        }).then(res => {
          console.log(router.currentRoute)
          this.tableUsers = res.data.results
          this.total = res.data.count
          this.page_size = res.data.page_size

        }).catch(error => {
          console.log(error)
        })
      },
}

2、通过按钮来调用函数

 <el-button type="primary" @click="get_data">按部门查询</el-button>

3、报错原因：

get_data()函数本身带有默认参数page

解决方法：调用的时候要带上()

调用方式改成下面：

 <el-button type="primary" @click="get_data()">按部门查询</el-button>

这篇关于vue请求url出乱码：[object%20PointerEvent] ，PointerEvent {isTrusted: true, pointerId: 1, width: 1, height:的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！