首页 > 编程 > JavaScript > 正文

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

2019-11-19 10:50:57
字体:
来源:转载
供稿:网友

一、背景

介绍:在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给对象动态添加属性和值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表