1.父组件传值给子组件
(1)父组件有数据或者获取了数据,将子组件需要的数据,先获取到,最起码保证在父组件中可以你可以打印出来你需要的数据!!!

(2)在父组件中有调用到子组件



(3)在子组件中创建props:{},将需要的数据放进去


2.子组件传值给父组件
(1)子组件自己也必须要有父组件想要的数据才可以传,所以他也需要获取数据
(2)子组件通过$emit()方法传

(3)父组件接收
在父组件中引入子组件的地方定一个showDetail的方法,在这方法里接收子组件传过来的值


(1)父组件有数据或者获取了数据,将子组件需要的数据,先获取到,最起码保证在父组件中可以你可以打印出来你需要的数据!!!
(2)在父组件中有调用到子组件
(3)在子组件中创建props:{},将需要的数据放进去
(1)子组件自己也必须要有父组件想要的数据才可以传,所以他也需要获取数据
(2)子组件通过$emit()方法传
(3)父组件接收
在父组件中引入子组件的地方定一个showDetail的方法,在这方法里接收子组件传过来的值
本文标题:vue+ element 小白初次实践踩坑(四)
本文链接:https://www.haomeiwen.com/subject/jtxmvktx.html
网友评论