Arrays Nuxt&x2B;VueX存储绑定(通过迭代数组)在子组件中

Arrays Nuxt&x2B;VueX存储绑定(通过迭代数组)在子组件中,arrays,nuxt.js,vuex,bind,store,Arrays,Nuxt.js,Vuex,Bind,Store,很抱歉,这个问题的标题没有那么好的描述性。 下面让我详细描述一下 我对数组的每个元素使用自定义组件RespCard($store.state.global.resp.resps) 但当我在ChromeDevTools上检查时,当我更改输入框值时,实际的存储值并没有改变。 它建议使用变异函数,但我想知道如何对每个迭代元素使用变异 您能告诉我如何绑定子组件中存储的数组值吗? 多谢各位 <RespCard v-for="(resp,i) in $store.state.globa

很抱歉,这个问题的标题没有那么好的描述性。 下面让我详细描述一下

我对数组的每个元素使用自定义组件RespCard($store.state.global.resp.resps)

但当我在ChromeDevTools上检查时,当我更改输入框值时,实际的存储值并没有改变。 它建议使用变异函数,但我想知道如何对每个迭代元素使用变异

您能告诉我如何绑定子组件中存储的数组值吗? 多谢各位

<RespCard 
  v-for="(resp,i) in $store.state.global.resp.resps"
  :key="i"
  :resp_title="resp.title" :resp_optional_title="resp.additional" :range="resp.range"
  :resp_amount="resp.amount"
/>
<v-text-field
 v-model="resp_amount"
 v-if="!done"
 class="resp_text_input"
 label="Your Amount?"
 outlined
 dense
 type="number"
></v-text-field>
props:['resp_title','resp_optional_title','range','resp_amount']