vue自定义表单传值

2023-03-04 19:30:18 来源:网络

vue自定义表单传值

vue2.0组件表单怎么向父组件传递数据

子组件在props中定义数据,然后父组件传数据过去,例如: 子组件: props: { show: { default: false } } 父组件: //test是子组件名字 parentShow是父组件定义的data数据

vue父组件向子组件传值

1.父组件向子组件传值,通过关键字props

(1)先定义一个父组件,一个子组件,给父组件定义一些内容

(2)子组件使用props使用cmsg来接收父组件的内容

(3)动态传值,用v-bind指令来动态绑定props的值

(4)使用props传值是单项的

2.子组件向父组件传值 通过$emit()实现

(1)使用Vue里面的$emit方法发送一个自定义事件listchange

(2)在组件上使用@listchange="ctrl" 绑定自定义事件 触发父组件的ctrl方法

(3)在父组件中的ctrl方法内把父组件的msg的值给改了

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流