vue给对象动态添加属性和值

一、背景

介绍:在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即可,按照上面方式

 

Logo

前往低代码交流专区

更多推荐