Vue.sync修饰符与this.$emit('update:xxx', newXXX)
2024-10-21 09:31:20
Vue通过prop进行双向数据绑定。子组件数据变化，一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。
Vue2.3版本引入sync，作为一个事件绑定语法糖，当子组件触发事件时，父组件会响应事件并实现数据更新。
.sync 修饰符 this.$emit('update:title', newTitle)
父组件：
<parent-comp :visible.sync="isShow"></parent-comp>
子组件：
props: {
visible: {
type: Boolean,
default: false
}
},
methods: {
// 子组件触发函数
handleClose() {
this.$emit('update:visible', false)
},
}
最新文章
- 使用shell/python获取hostname/fqdn释疑
- 【Network】UDP 大包怎么发？ MTU怎么设置？
- 2、IOS开发--iPad之仿制QQ空间 （初始化HomeViewController子控件视图）
- google maps js v3 api教程(3) -- 创建infowindow
- 【linux】终端直接执行py文件，不需要python命令
- MySQL 主键冲突，无法插入数据
- oracle包概述（一）【weber出品】
- C++菱形继承的构造函数
- Impala 5、Impala 性能优化
- ACM网络镜像赛
- Oracle漏洞分析（tns_auth_sesskey)
- c/s与b/s 动态网站与静态网站 （网站编码统一“UTF-8”）
- Person Transfer GAN to Bridge Domain Gap for Person Re-identification
- Python内置模块之subprocess
- docker 12 docker容器数据卷
- tensorflow 手写数字识别
- numpy中np.c_和np.r_
- Spring <import>标签配置
- linux下安装nodejs及cnpm
- Flink初始