vue給對(duì)象動(dòng)態(tài)添加屬性和值的實(shí)例
更新時(shí)間：2019年09月09日 16:05:10 作者：CoderYin
今天小編就為大家分享一篇vue給對(duì)象動(dòng)態(tài)添加屬性和值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
一、背景
介紹：在vue中請(qǐng)求接口中，一個(gè)請(qǐng)求方法可能對(duì)應(yīng)后臺(tái)兩個(gè)請(qǐng)求接口，所以請(qǐng)求參數(shù)就會(huì)有所不同。需要我們先設(shè)置共同的參數(shù)，然后根據(jù)條件動(dòng)態(tài)添加參數(shù)屬性。
二、案例
let that = this;
let params = {
"type":that.addQueTable.type,
"discussTitle":that.addQueTable.discussTitle,
};
// 區(qū)分普通題庫(kù)還是模考題庫(kù)
let addQuestionApi = '';
if(that.questionTypes == 0){
// 動(dòng)態(tài)設(shè)置vue對(duì)象參數(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、頁(yè)面導(dǎo)入Vuejs文件庫(kù) import Vue from 'vue' // 2、Vue.set即可，按照上面方式
以上這篇vue給對(duì)象動(dòng)態(tài)添加屬性和值的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Teleport是一個(gè)內(nèi)置組件，它可以將一個(gè)組件內(nèi)部的一部分模板“傳送”到該組件的?DOM?結(jié)構(gòu)外層的位置去，本文就來(lái)介紹一下如何使用，感興趣的可以了解一下2023-05-05
這篇文章主要為大家詳細(xì)介紹了vue定義模態(tài)框的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
vue?this.$router.go(-1);返回時(shí)如何帶參數(shù)
這篇文章主要介紹了vue?this.$router.go(-1);返回時(shí)如何帶參數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要介紹了vue3路由新玩法useRoute和useRouter，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue3+vite項(xiàng)目跨域配置踩坑實(shí)戰(zhàn)篇
vue3是一個(gè)流行的前端框架,vite是一個(gè)快速的構(gòu)建工具,下面這篇文章主要給大家介紹了關(guān)于vue3+vite項(xiàng)目跨域配置踩坑實(shí)戰(zhàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
這篇文章主要介紹了vue3.0中的computed寫法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue 解決通過(guò)this.$refs來(lái)獲取DOM或者組件報(bào)錯(cuò)問(wèn)題
這篇文章主要介紹了Vue 解決通過(guò)this.$refs來(lái)獲取DOM或者組件報(bào)錯(cuò)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
vue src動(dòng)態(tài)加載請(qǐng)求獲取圖片的方法
這篇文章主要為大家詳細(xì)介紹了vue src動(dòng)態(tài)加載請(qǐng)求獲取圖片的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
詳解vue-cli 本地開(kāi)發(fā)mock數(shù)據(jù)使用方法
這篇文章主要介紹了詳解vue-cli 本地開(kāi)發(fā)mock數(shù)據(jù)使用方法，如果后端接口尚未開(kāi)發(fā)完成，前端開(kāi)發(fā)一般使用mock數(shù)據(jù)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
下面小編就為大家分享一篇vue中v-for加載本地靜態(tài)圖片方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03