vue给对象动态添加属性和值的实例
一、背景
介绍：在vue中请求接口中，一个请求方法可能对应后台两个请求接口，所以请求参数就会有所不同。需要我们先设置共同的参数，然后根据条件动态添加参数属性。
二、案例
letthat=this;
letparams={
"type":that.addQueTable.type,
"discussTitle":that.addQueTable.discussTitle,
};
//区分普通题库还是模考题库
letaddQuestionApi='';
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文件库 importVuefrom'vue' //2、Vue.set即可，按照上面方式
以上这篇vue给对象动态添加属性和值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。