uniapp 获取节点,调用该节点的方法
时间: 2023-11-29 16:04:32 浏览: 137
在uniapp中,可以通过`this.$refs`来获取节点,然后调用该节点的方法。
例如,假设我们有一个组件,它包含一个按钮和一个方法:
```
<template>
<div>
<button ref="myButton" @click="handleClick">点击我</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('按钮被点击了')
}
}
}
</script>
```
现在,我们可以在父组件中通过`this.$refs`来获取该子组件的节点,并且调用该节点的方法:
```
<template>
<div>
<child ref="myChild" />
<button @click="handleChildButtonClick">调用子组件的方法</button>
</div>
</template>
<script>
import Child from './Child.vue'
export default {
components: {
Child
},
methods: {
handleChildButtonClick() {
const childComponent = this.$refs.myChild
childComponent.$refs.myButton.click()
}
}
}
</script>
```
在这个例子中,我们通过`this.$refs.myChild`获取了子组件的节点,并且调用了该节点中的`click()`方法,从而触发了子组件中的`handleClick()`方法。
阅读全文