一、使用场景
页面中用到了自定义组件形成父子组件关系,在父组件某个特定时期想要操作子组件中的数据或方法,比如离开页面的时候清空子组件的数据。
二、方法
父组件可以通过this.selectComponent
方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法
调用时需要传入一个匹配选择器 selector
(1)父组件
<child class="my-component"></child>
let childObj = this.selectComponent('.my-component')
childObj.setData({currentValue: ''})
childObj.updateData()
父组件将会获取 class 为 my-component 的子组件实例对象,即子组件的 this
文章来源:https://www.toymoban.com/news/detail-634433.html
(2)子组件文章来源地址https://www.toymoban.com/news/detail-634433.html
<view>当前值为:{{currentValue}}</view>
data() {
currentValue: ''
},
methods: {
updateData() {
this.setData({currentValue: 1})
}
}
到了这里,关于【微信小程序】父组件修改子组件数据或调用子组件方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!