0
点赞
收藏
分享

微信扫一扫

httpd+Tomcat(jk)的Web动静分离搭建

小禹说财 2023-08-08 阅读 61

一、使用场景

页面中用到了自定义组件形成父子组件关系,在父组件某个特定时期想要操作子组件中的数据或方法,比如离开页面的时候清空子组件的数据。

二、方法

父组件可以通过this.selectComponent方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法
调用时需要传入一个匹配选择器 selector

(1)父组件

<child class="my-component"></child>
let childObj = this.selectComponent('.my-component')
childObj.setData({currentValue: ''})
childObj.updateData()

父组件将会获取 class 为 my-component 的子组件实例对象,即子组件的 this

(2)子组件

<view>当前值为:{{currentValue}}</view>
data() {
  currentValue: ''
},
methods: {
	updateData() {
		this.setData({currentValue: 1})
	}
}
举报

相关推荐

0 条评论