首頁猿問 vue methods 怎么獲取頁面參數(shù)

vue methods 怎么獲取頁面參數(shù)

Vue.js

開滿天機 2019-03-21 21:14:16

查看完整描述

2 回答

繁花如伊

TA貢獻2012條經(jīng)驗獲得超12個贊

在同級的export defaut {} 中定義data方法返回一個對象，這個對象里面就是頁面綁定的數(shù)據(jù)模型參數(shù) ，在methods 對象的函數(shù)里面可以使用 data.數(shù)據(jù)模型名調用

如

1

2

3

4

5

6

7

8

9

10

11

12

13

export defaut {

data() {

return {

param: 1 // 定義模型數(shù)據(jù) 綁定在上面的input上

}

},

methods: {

showParam() { // 當輸入框輸入時候會執(zhí)行這個函數(shù) 控制臺打印出輸出的數(shù)字

console.log(this.param)

}

反對回復 2019-03-25

青春有我

TA貢獻1784條經(jīng)驗獲得超8個贊

方法是利用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獲取后臺數(shù)據(jù)，成功后執(zhí)行then的代碼
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
3、在一個Vue實例內使用$http
// $http是在vue的局部范圍內的實例
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
說明：
在發(fā)送請求后，使用then方法來處理響應結果，then方法有兩個參數(shù)，第一個參數(shù)是響應成功時的回調函數(shù)，第二個參數(shù)是響應失敗時的回調函數(shù)。