分类：父子组件传值

2021
07-31

关于antd tree和父子组件之间的传值问题(react 总结)

项目需求：点击产品树节点时获取该节点的所有父节点，同时回填表格的搜索条件，完成搜索功能，搜索结果展示在下方的table中。写了三个组件：现在有个业务场景交互：在orderTree组件中点击树节点，获取当前节点以及所有的父节点的Id放入一个对象arrKeys中，并在orderForm组件中使用（回填类型下拉选择框，objId对象作为查询接口的入参）现在可以分部解决问题：1.首先获取点击的树节点以及所有父节点的id---arrKeys2.在点击树节点... 继续阅读 >

2021
05-23

vue父子组件的互相传值和调用

1、父传值给子组件父组件：<template><div><pclass="father">父组件</p><child:sid="id"></child></div></template><script>importchildfrom'./child'exportdefault{components:{child},data(){return{id:'1234'//父组件向子组件传的值}}}</script>子组件：<template><div><pclass="child">子组件</p><pclass="child">接收父组件的值是：{{sid}}</p></div></te... 继续阅读 >

2020
10-10

Vue父子组件传值的一些坑

在用Vue的父子组件传值时遇到一个冷门的问题，子组件改变值后父组件的值也随之改变了，特此记录下原因和解决方式。再系统梳理下JavaScript的深拷贝与浅拷贝相关知识点。1.问题描述父组件传值给子组件，子组件改变传过来的值后，父组件的值也会跟着改变。这个问题比较冷门，平时如果对组件通信使用得比较简单，一般不会遇到。2.原因剖析核心：双向绑定父子组件传值的时候涉及双向绑定，当传值为object类型时，传值之后数... 继续阅读 >

2020
10-10

Vue 组件的挂载与父子组件的传值实例

1：将需要挂载的组件放置在component之中2：全局挂载在main.js之中importVuefrom'vue'importAppfrom'./App.vue'importgetTimefrom'./component/child/getTime'//全局注册整个项目的组件都可以使用//注册给整个vue对象//引入需要注册的全局组件//在vue类的方法component里面进行注册Vue.component('v-times',getTime);Vue.component('v-times',{template:"<div>{{msg}}</div>",//字符串的标签模板data(){//当前模板... 继续阅读 >