vue中post和get如何获取页面参数

在Vue中，可以使用以下方式获取页面参数：

1. GET请求

在Vue中，可以使用$route.query获取GET请求的参数。例如，如果URL为http://example.com?name=vue，则可以使用以下代码获取参数：

this.$route.query.name

2. POST请求

在Vue中，可以使用以下方式获取POST请求的参数：

- 通过this.$refs获取表单元素，然后通过表单元素的value属性获取参数。例如：

<template>
  <form ref="myForm">
    <input type="text" name="name">
    <button @click="submit">提交</button>
  </form>
</template>
<script>
export default {
  methods: {
    submit() {
      const name = this.$refs.myForm.name.value;
      // 处理参数
    }
  }
}
</script>

- 使用Vue-resource等HTTP库发送POST请求时，可以在请求体中附加参数。例如：

import Vue from 'vue'
import VueResource from 'vue-resource'

Vue.use(VueResource)

export default {
  methods: {
    submit() {
      const params = {
        name: 'vue'
      }
      this.$http.post('/api', params).then(response => {
        // 处理响应
      })
    }
  }
}