vue3.0怎么通过事件使得另一个按钮被点击

Question

vue3.0使用的是setup的形式，现在需要的是：给一个按钮绑定点击事件，然后通过这个事件使得另一个按钮被点击

Answer 1

1. 单从需求上来讲，另一个按钮被点击也是为了执行某个方法，那为何不在这个按钮点击后，直接调用另一个按钮的执行方法呢。

2. 如果非要手动调用，那就得能拿到另一个按钮的dom，使用ref引用

<template>
  <div>
    <button @click="handleClick1">按钮1</button>
    <button @click="handleClick2" :ref="el=>btn2Ref=el">按钮2</button>
  </div>
</template>
<script setup>
  import {ref} from 'vue'

  const btn2Ref = ref(null);
  
  function handleClick1(){
    // 1. 可以直接调用
    // handleClick2
    console.log('btn1')
      // 2. ref 引用
      btn2Ref.value.click();
   }
  function handleClick2(){
    // do somthing
      console.log('btn2');
   }
</script>