vue.js - 通过单击 vuetify 项目中的另一个按钮触发按钮单击？

Question

我需要单击一个按钮来激活另一个按钮上的单击功能。我希望能够在按钮上使用 ref 道具来实现这一点，但我得到了一个“无法读取属性 '$refs' of null”控制台错误。

<v-btn ref="modalButton" @click="modal">Open Modal</v-btn>
<v-btn @click="this.$refs.modalButton.click()">Click other button</v-btn>

显然这是因为组件尚未创建，但我真的很困惑这意味着什么以及如何解决问题。

标签： vue.jsbuttonclickvuetify.jsref

Answer 1

请注意点击没有'()'

<v-btn ref="modalButton" @click="modal">Open Modal</v-btn>
<v-btn @click="$refs.modalButton.$el.click">Click other button</v-btn>