首页 / 电子科技 / 正文

vue父子页面传值

时间:2024-10-10 18:02:14

vue父子页面传值 

Vue父子页面传值主要有以下几种方式:

1. 普通方式:父组件使用自定义属性向子组件传值,通过自定义事件接收事件;子组件通过props接收数据,子组件通过$emit 向父组件传递自定义事件。

2. v-model方式:父组件使用v-model属性向子组件传值,子组件通过props接收数据,子组件通过$emit向父组件传递自定义事件。

3. .sync修饰符方式:当传递属性时,在属性后面加一个.sync修饰符,当子组件修改属性时,通过this.$emit和update去通知父组件修改属性。

4. 通过ref修改子组件内部属性:当不通过props接收数据,可以给子组件加一个ref值,通过this.$refs[子组件ref值]拿到子组件,再通过点的方式修改子组件自己的内部属性值,达到传递值的效果。

《vue父子页面传值》不代表本网站观点,如有侵权请联系我们删除

点击排行

战略网  版权所有 粤ICP备2021127029号

联系我们 关于我们 版权申明