亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

Vue - 在這種情況下如何傳遞數組?

Vue - 在這種情況下如何傳遞數組?

慕勒3428872 2023-04-20 17:01:20
這是我的示例代碼。我想創建一個小型表單生成器。我會有很多選擇字段。如何將數組傳遞到循環中?我的代碼不起作用,但我希望你知道我想要得到什么效果。<template>    <div>        <div v-for="(input, index) in formBuilder" :key="index">            <h1>{{ input.name }}</h1>            <div>                Options:<br />                {{ formBuilder.options }}            </div>        </div>    </div></template><script>import { mapState } from "vuex";export default {    data() {        return {            formBuilder: [                {                    name: "Name",                    options: this.versions,                },                {                    name: "Host",                    options: this.countryList,                },            ],        };    },    computed: mapState(["versions", "countryList"]),};</script>編輯。下面,我添加了一個有效的版本。但它能以更好的方式完成嗎?這是正確的方法嗎?有用:<template>    <div>        <div v-for="(input, index) in formBuilder" :key="index">            <h1>{{ input.name }}</h1>            <div>                Options:<br />                {{ input.options }}            </div>        </div>    </div></template><script>import { mapState } from "vuex";export default {    data() {        return {            formBuilder: [                {                    name: "Name",                    options: [],                },                {                    name: "Host",                    options: [],                },            ],        };    },    created() {        this.formBuilder[0].options = this.versions;        this.formBuilder[1].options = this.countryList;    },    computed: mapState(["versions", "countryList"]),};</script>
查看完整描述

1 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

計算屬性是您的“正確解決方案”。

computed: {

? ...mapState(['versions', 'countryList']),

? formBuilder() {

? ? return [

? ? ? { name: "Name", options: this.versions },

? ? ? { name: "Host", options: this.countryList },

? ? ]

? }

}

解釋:

  • 如果您將代碼放入其中,created它只會formBuilder在組件創建時準備一次。

  • 如果您使用,每次都會重新計算computed或更新。formBuilderthis.versionsthis.coutryList


查看完整回答
反對 回復 2023-04-20
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號