工作339:pc父组件通过props传值给子组件，如何避免子组件改变props的属性值报错问题

前端小歌谣

于 2021-01-28 12:36:05 发布

阅读量347

点赞数

CC 4.0 BY-SA版权

分类专栏： # 歌谣--前端学习--前端日常工作

本文链接：https://blog.csdn.net/weixin_43392489/article/details/113107223

在Vue中，父组件通过props向子组件传递数据时，应避免直接在子组件内部修改这些props值，因为这会触发Vue的警告。正确做法是使用计算属性或watch来实现数据的响应式更新，或者在必要时通过事件向父组件发送更新请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  </el-form>
      <div>
        <!--子代方法有一个·传值传向父级 onselect去接收这个值-->
        <select-account :data1.sync="accountList" :checkedData.sync="checkedData1" @seletct="onSelect" />
      </div>
      <div style="clear: both"></div>
      <template v-slot:footer>
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="confirm">确 定</el-button>
      </template>
    </el-dialog>
  </div>

 <el-checkbox-group   v-model="ooo"  @change="handleCheckedDataChange">
       <!--循环遍历得到每一个数据  传入data的每一个数据-->
       <el-checkbox  v-for="acc in data" :label="acc" :key="acc.id" style="margin-left: 5px;margin-top: 20px">
		   <!--  <el-checkbox v-for="acc in data" :label="acc" :key="acc.id">-->
				 <el-card
				   shadow="hover"
				   class="card-container"
          style="display: flex;justify-content: center"