madou103can.android_ios最新adb命令接口地址sync服务
madou103can.android_ios最新adb命令接口地址sync服务网址接口测试:ping#1 hostsever:https://http://1024td.com#2hostsever:https://http://1024td.com按照官方文档的示例:我们得知vue通过自定义事件系统来帮助我们修改父组件上的数据。它有一个api:$emit,通过它我们可以在子组件上面修改父组件
·
madou103can.android_ios最新adb命令接口地址sync服务
网址接口测试:ping
#1 hostsever: https://http://1024td.com
#2 hostsever: https://http://1024td.com
按照官方文档的示例:我们得知vue通过自定义事件系统来帮助我们修改父组件上的数据。
它有一个api:$emit
,通过它我们可以在子组件上面修改父组件上面的数据。
- 在子组件上触发一个自定义事件,并传递一个自定义事件
写法:
@click="$emit('something')"
复制代码
- 在父组件的子组件器上使用v-on监听这个自定义事件
<child :num='num' v-on:something='num += 1' /> //这个num是父组件上面的数据 先
复制代码
通过以上方式可以让子组件修改父组件上的数据。
我们先分析一下$emit
这个api
$emit
$emit 共接收两个参数 参数:
{string} eventName 触发当前实例上的事件。
[...args] 附加参数都会传给监听器回调。
复制代码
我们需要在子组件的template
上调用$emit
,然后在父组件上监听这个自定义事件,当执行时附加参数会传递到父组件上使用。
用法
...
props: ['msg'],
// 子组件上的写法 点击后触发一个"update:n"的事件,并把传过来的n -1当成args传递给监听器回调
<button @click="$emit('update:n',n-1)">子组件点击{{n}}
</button>
复制代码
// 父组件上的写法,使用v-on监听update:n事件,并把传过来的$event赋值给n。
// $event就是子组件上的n-1
<child :n='msg' v-on:update:n="n=$event"></child>
。
更多推荐
已为社区贡献1条内容
所有评论(0)