vue給對象動態(tài)添加屬性和值的實例

更新時間：2019年09月09日 16:05:10 作者：CoderYin

今天小編就為大家分享一篇vue給對象動態(tài)添加屬性和值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

一、背景

介紹：在vue中請求接口中，一個請求方法可能對應后臺兩個請求接口，所以請求參數(shù)就會有所不同。需要我們先設置共同的參數(shù)，然后根據(jù)條件動態(tài)添加參數(shù)屬性。

二、案例

let that = this;  
let params = {
 "type":that.addQueTable.type,
 "discussTitle":that.addQueTable.discussTitle, 
};
// 區(qū)分普通題庫還是?？碱}庫
let addQuestionApi = '';
if(that.questionTypes == 0){
  // 動態(tài)設置vue對象參數(shù)
  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給對象動態(tài)添加屬性和值的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue中el-table合并列的具體實現(xiàn)
本文主要介紹了vue中el-table合并列的具體實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-04-04
vant-ui AddressEdit地址編輯和van-area的用法說明
這篇文章主要介紹了vant-ui AddressEdit地址編輯和van-area的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
element?ui中el-form-item的屬性rules的用法示例小結
這篇文章主要介紹了element?ui中el-form-item的屬性rules的用法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧
2024-07-07
vue+echarts實帶漸變效果的折線圖
這篇文章主要為大家詳細介紹了vue+echarts實帶漸變效果的折線圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
Vuejs 頁面的區(qū)域化與組件封裝的實現(xiàn)
本篇文章主要介紹了Vuejs 頁面的區(qū)域化與組件封裝的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
vue中使用v-model完成組件間的通信
vue中有一個很神奇的東西叫v-model，它可以完成我們的需求。，本文重點給大家介紹vue中使用v-model完成組件間的通信,需要的朋友可以參考下
2019-08-08
Vue路由History模式分析
Vue-router是Vue的核心組件，主要是作為Vue的路由管理器，Vue-router默認hash模式，通過引入Vue-router對象模塊時配置mode屬性可以啟用history模式，本文將通過代碼示例給大家詳細分析Vue路由History模式
2023-06-06
vue中使用sessionStorage記住密碼功能
sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。這篇文章主要介紹了vue中使用sessionStorage記住密碼功能,需要的朋友可以參考下
2018-07-07
Element-ui tree組件自定義節(jié)點使用方法代碼詳解
本文通過實例代碼給大家介紹了Element-ui tree組件自定義節(jié)點使用方法 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-09-09
rem實現(xiàn)響應式布局的思路詳解
這篇文章主要為大家介紹了rem實現(xiàn)響應式布局的思路詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03