vue methods 怎么獲取頁面參數
vue methods 怎么獲取頁面參數
寶慕林4294392
2019-05-14 09:08:03
2 回答
慕俠2389804
TA貢獻1719條經驗 獲得超6個贊
在 同級的export defaut {} 中 定義data方法 返回一個對象， 這個對象里面就是 頁面綁定的數據模型參數 ， 在methods 對象的 函數里面 可以使用 data.數據模型名 調用
如
1 2 3 4 5 6 7 8 9 10 11 12 13 | <input v-model="param" @input="showParam"></input> export defaut { data() { return { param: 1 // 定義模型數據 綁定在 上面的input上 } }, methods: { showParam() { // 當 輸入框 輸入時候會執行這個函數 控制臺打印出輸出的數字 console.log(this.param) } } } |
忽然笑
TA貢獻1806條經驗 獲得超5個贊
方法是利用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方法有兩個參數，第一個參數是響應成功時的回調函數，第二個參數是響應失敗時的回調函數。
添加回答
舉報
0/150
提交
取消