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

本文小编为大家详细介绍“vue中如何给对象动态添加属性和值”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue中如何给对象动态添加属性和值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联建站专注于企业网络营销推广、网站重做改版、汝阳网站定制设计、自适应品牌网站建设、html5成都商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为汝阳等各大城市提供网站开发制作服务。

一、背景

介绍:在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中如何给对象动态添加属性和值”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


文章标题:vue中如何给对象动态添加属性和值
网站网址:http://bzwzjz.com/article/gosgpo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: app网站建设 温江网站设计 LED网站设计方案 成都网站制作 高端网站建设 成都网站建设 响应式网站设计 成都网站建设 成都企业网站制作 成都网站设计 定制网站制作 成都响应式网站建设 网站设计公司 成都网站设计 网站制作报价 攀枝花网站设计 成都网站设计 古蔺网站建设 成都网站制作 网站制作 成都品牌网站设计 成都网站建设