使用ref绑定元素或组件,利用$ref获取元素与组件
<template>
<div class="box" ref="box"></div>
<BaseChart ref="basechart"></BaseChart>
</template>
BaseChart组件
<div>
<input v-model="username">
<input v-model="password">
</div>
methods: {
// 1.组件提供方法
getvalue() {
return {
username: this.account,
password: this.password
}
},
// 重置数据方法
resetValues() {
this.username = '',
this.password = ''
}
},
};
mounted(){
// const chartDom = document.querySelector('.box');//获取页面中的元素
const chartDom = this.$refs.box//获取页面中的元素
const basedom=this.$refs.basechart.resetValues()//获取页面中的组件元素方法
}