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给对象动态添加属性和值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 接手捧花祝福语简短
11 空军大学开学祝福语简短
12 打牌翻盘祝福语简短
13 男生打球祝福语简短霸气
14 小派妈妈生日祝福语简短
15 女孩找工作祝福语简短
16 整形机构开业祝福语简短
17 虎年文案简短祝福语长辈
18 男孩上学祝福语简短英语