elementvueArray數(shù)組和Map對象的添加與刪除操作

使用場景:

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)、忻府網(wǎng)絡(luò)推廣、小程序定制開發(fā)、忻府網(wǎng)絡(luò)營銷、忻府企業(yè)策劃、忻府品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供忻府建站搭建服務(wù),24小時服務(wù)熱線:18980820575,官方網(wǎng)址:muchs.cn

一個后臺系統(tǒng)中, 管理員要配置自定義字段后臺要生成id和title,其他角色要使用自定義字段的表單, 添加數(shù)據(jù), 但是每個要填寫的對象的id 和title都是無法固定的,因此頁面顯示的title 和id都需要自定義數(shù)字和map對象來實(shí)現(xiàn),vue 的數(shù)值動態(tài)添加內(nèi)容需要特定的方式:

1.定義一個vue空數(shù)組與一個vue 空Map對象:

data: function() {
  return{
    arrayData:[],//自定義字段中下拉框的數(shù)組
    mapData:{},//自定義字段提交保存數(shù)據(jù)的map
    dbData:[
      {}
    ],//數(shù)據(jù)庫查詢出來的自定義字段

    mapKey:'age',
    mapValue:29,
    arrayIndex:0,
    arrayValue:'中國',
  };
}

2.賦值對象:

Map 賦值: Vue.set(this.mapData,this.mapkey,this.mapValue);
Array 賦值: Vue.set(this.arrayData,this.arrayIndex,this.arrayValue);

總結(jié)

以上所述是小編給大家介紹的element vue Array數(shù)組和Map對象的添加與刪除,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!

當(dāng)前文章:elementvueArray數(shù)組和Map對象的添加與刪除操作
地址分享:http://muchs.cn/article26/isphjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、云服務(wù)器、網(wǎng)站改版、網(wǎng)站設(shè)計網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名