bash
<template>
<view>
<button ref="myButton" @click="handleClick">点击我</button>
</view>
</template>
<script>
export default {
mounted() {
this.$nextTick(() => {
const button = this.$refs.myButton;
console.log('Button reference:', button);
// 检查 button 是否是 HTML 元素
if (button && button instanceof HTMLElement) {
console.log('Button is an HTMLElement');
button.click(); // 模拟点击
} else if (button && button.$el) {
// 访问 Vue 组件的根元素
console.log('Button is a Vue component');
button.$el.click(); // 模拟点击
} else {
console.error('Button reference is not an HTMLElement or is undefined');
}
});
},
methods: {
handleClick() {
console.log('按钮被点击了!');
}
}
}
</script>
这个只适用于H5页面 编译成微信小程序则无法使用