vue 父组件循环给子组件传值 子组件用 v-model接收值后 值改变同时再传给父组件

Question

// 页面是点击左侧导航 给formDatas里面动态添加表单
// PagingdropdownSelect是带分页功能的下拉

<div v-for="(item, index) in formDatas" key="index">
   // 把数据直接循环赋值给子组件 selectArrVal是子组件下拉的 v-model
    <PagingdropdownSelect
         :sendType="item.method"
         :isMultiple="item.multiple"
         :submitUrl="item.submit"
         :params="item.params"
         :selectArrVal="item.Value"
         @childReturnsSelectArrData="(value) => (item.Value = value)">
    </PagingdropdownSelect>
</div>


// PagingdropdownSelect
// 问题是 这里的默认值是父组件传过来的selectArrVal
// 然后我选完 依然是把这个值传给父组件再传给它 这样循环赋值 执行起来没毛病
// 但是报错不能直接修改props的值
// 这个逻辑要怎么改更合理？
 <el-select
  v-model="selectArrVal"
  style="width: 100%"
  @change="selectChange"
>
 </el-select>
 
 props: ['selectArrVal'],
 
 selectChange(val) {
   this.$emit('childReturnsSelectArrData', val)
 },
// 这样感觉比较方便 最后还是用formDatas就可以了 但是感觉那里怪怪的

Answer 1

我的问题 和这个是一样的 https://segmentfault.com/q/10...