vuejs中不存在refs

ecbunoof 于 2023-02-05 发布在 Vue.js

关注(0)|答案(1)|浏览(143)

我想用javascript方法在vuejs中以编程方式触发一个按钮单击，下面这行代码通过ref标记引用它。
this.$refs.action.click();
下面是按钮的html
<button v-show="false" ref="action" type="button" data-toggle="modal" data-target="#MonitorModal" />
这是不是有什么原因不起作用呢？我相信这一切都被声明为好的，当我在这个.$refs上运行console.log时，我看到的操作是anfield，但当我试图引用它时，我得到了未定义的

vue.js

来源：https://stackoverflow.com/questions/75306499/refs-nonexistent-in-vuejs

1条答案

按热度按时间

uelo1irk1#

如果你使用vue 2，这些元素只有在初始安装组件后才可用。试着在mounted生命周期钩子上运行你的代码。

mounted() {
  this.$refs.action.click();
}

在vue 3中，使用onMounted生命周期挂接。

const action = ref()

onMounted(()=>{
action.value.click()
}

赞(0）回复(0）举报 2023-02-05

我来回答

vuejs中不存在refs

1条答案

相关问题

热门标签

最新问答