一、背景
介紹:在vue中請求接口中,一個請求方法可能對應后臺兩個請求接口,所以請求參數就會有所不同。需要我們先設置共同的參數,然后根據條件動態添加參數屬性。
二、案例
let that = this; let params = { "type":that.addQueTable.type, "discussTitle":that.addQueTable.discussTitle, };// 區分普通題庫還是模考題庫let addQuestionApi = '';if(that.questionTypes == 0){ // 動態設置vue對象參數 Vue.set(params,'charpterId',that.charpterIds) addQuestionApi = api.saveBgInfoQuestion; }else{ Vue.set(params,'mockexamSectionId',that.charpterIds); addQuestionApi = api.saveMockQuestion; }that.$refs.addQueTable.validate((valid) => { if(valid){ that.$axios({ url:addQuestionApi, method: "post", data: qs.stringify(params), headers: { "Content-Type": "application/x-www-form-urlencoded" }}).....三、使用介紹
// 1、頁面導入Vuejs文件庫import Vue from 'vue'// 2、Vue.set即可,按照上面方式
以上這篇vue給對象動態添加屬性和值的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答