這是我的示例代碼。我想創(chuàng)建一個(gè)小型表單生成器。我會(huì)有很多選擇字段。如何將數(shù)組傳遞到循環(huán)中?我的代碼不起作用,但我希望你知道我想要得到什么效果。<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>編輯。下面,我添加了一個(gè)有效的版本。但它能以更好的方式完成嗎?這是正確的方法嗎?有用:<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>
Vue - 在這種情況下如何傳遞數(shù)組?
慕勒3428872
2023-04-20 17:01:20