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