第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

VueJS:觸發(fā)函數(shù)以在加載表單時填寫選擇

VueJS:觸發(fā)函數(shù)以在加載表單時填寫選擇

慕斯709654 2022-01-13 17:02:53
我有這個代碼<template>    <h5>Add to a mailchimp list</h5>    <div class="form-group">       <label>Connexion Mailchimp</label>       <select class="form-control" v-model="trigger.connexion_id" @change="updateTrigger(trigger)">          <option value="">Choose</option>          <option v-if="connexion.service == 'mailchimp'" v-for="connexion in connexions" v-bind:value="connexion.id">{{ connexion.name }}</option>       </select>    </div>    <div class="form-group">    <label>List</label>        <div class="form-row">            <div class="col-10">                <select class="form-control" @mounted="getMailchimpLists(trigger.connexion_id)" @change="updateTrigger(trigger)" v-model="trigger.data.listid" >                <option value="">Choose a list</option>                <option v-if="mailchimp_lists" v-for="list in mailchimp_lists" v-bind:value="list.id" :selected="list.id == trigger.data.listid">{{ list.name }}</option>            </select>        </div>        <div class="col-2">           <button class="btn btn-outline-dark" @click="getMailchimpLists(trigger.connexion_id)"><i class="fas fa-sync"></i></button>        </div>     </div>    </div></template>和 javascriptdata() {    return {        mailchimp_lists : [],        errors : {}    };},methods:{            getMailchimpLists(connexionId){               axios               .get('/api/mailchimp/lists?connexion_id='+connexionId)               .then(result => {                   this.mailchimp_lists = result.data;                })                .catch(error => {                    this.errors = error;                });            }當(dāng)我單擊以下按鈕時,我會從 Mailchimp 中獲取我的列表并且它可以工作我嘗試做的是在加載選擇時執(zhí)行該功能。我嘗試使用@load,@mount ...沒有任何效果。我怎樣才能做到這一點 ?編輯 :我正在全局編碼的是一種帶有塊的頁面構(gòu)建器。每個塊作為字段并且是可選的。而這個選擇是塊的一部分。這部分代碼只是我代碼的一小部分。出于這個原因,我認為我不能使用全局 mount() 事件,因為在加載頁面時,我的選擇塊還不存在,而且我沒有參數(shù)“connexion”但我想我可以調(diào)用一個自定義函數(shù),比如直接在選擇上使用@mounted。但是,這不起作用:(任何的想法 ?
查看完整描述

2 回答

?
哈士奇WWW

TA貢獻1799條經(jīng)驗 獲得超6個贊

沒有掛載的事件,它是一個生命周期方法。我不知道觸發(fā)器對象在您的代碼中的位置,也許它是計算數(shù)據(jù)?但無論如何,請確保您可以在此模板中訪問它。您還應(yīng)在本地數(shù)據(jù)中初始化 conexion 參數(shù),以便在模板中使用它。將其初始化為一個空對象。數(shù)組 mailchimp_lists 始終為真,請檢查 mailchimp_lists.length。希望這會有所幫助


查看完整回答
反對 回復(fù) 2022-01-13
?
茅侃侃

TA貢獻1842條經(jīng)驗 獲得超22個贊

你有兩個誤解mounted

  • 這不是一個事件。這是一個生命周期鉤子,它作為組件生命周期的一部分執(zhí)行。

  • 它不會在頁面加載時觸發(fā)一次。每當(dāng)安裝(即渲染并準備好運行)時,它都會為任何 Vue 組件觸發(fā)。所以它會在你的組件每次被掛載時運行,如果你通過使用銷毀你的組件,v-if那么它會在重新創(chuàng)建時再次運行。

作為我第二點的一個例子,你可以看看這個fiddle。

要將mounted鉤子添加到組件中,只需將其添加到組件的聲明對象中,如下所示:

data() {

    return {

        mailchimp_lists : [],

        errors : {}

    };

},

methods: {

    getMailchimpLists(connexionId){

        axios.get('/api/mailchimp/lists?connexion_id='+connexionId)

        .then(result => {

            this.mailchimp_lists = result.data;

        })

        .catch(error => {

            this.errors = error;

        });

    }

},

mounted: function() {

    // Your code goes here

}


查看完整回答
反對 回復(fù) 2022-01-13
  • 2 回答
  • 0 關(guān)注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號