vue methods 怎么获取页面参数

Question

vue methods 怎么获取页面参数

Answer 1

在 同级的export defaut {} 中 定义data方法 返回一个对象， 这个对象里面就是 页面绑定的数据模型参数 ， 在methods 对象的 函数里面 可以使用 data.数据模型名 调用如12345678910111213<input&nbsp;v-model="param"&nbsp;@input="showParam"></input>export&nbsp;defaut&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;data()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;param:&nbsp;1&nbsp;//&nbsp;定义模型数据&nbsp;&nbsp;&nbsp;绑定在&nbsp;上面的input上&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;methods:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showParam()&nbsp;{&nbsp;//&nbsp;当&nbsp;输入框&nbsp;输入时候会执行这个函数&nbsp;&nbsp;控制台打印出输出的数字&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(this.param)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}&nbsp;

Answer 2

方法是利用vue-resource组件提供的一系列api：get(url, [data], [success], [options])post(url, [data], [success], [options])put(url, [data], [success], [options])patch(url, [data], [success], [options])delete(url, [data], [success], [options])jsonp(url, [data], [success], [options])具体举例如下：1、导入vue-resource<script src="js/vue.js"></script><script src="js/vue-resource.js"></script>2、基于全局Vue对象使用http// 通过someUrl获取后台数据，成功后执行then的代码Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);3、在一个Vue实例内使用$http// $http是在vue的局部范围内的实例this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);说明：在发送请求后，使用then方法来处理响应结果，then方法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应失败时的回调函数。