Vue.js 方法可以';无法工作,因为方法在安装之前出现,所以元素不';不存在

Vue.js 方法可以';无法工作,因为方法在安装之前出现,所以元素不';不存在,vue.js,Vue.js,我有一个引用页面元素的方法。当我使用挂载的生命周期运行相同的函数时,一切都正常。但是,我想在单击按钮时使用该功能。然而,当我创建这个方法时,它说元素不存在 我想我看到了挂载的生命周期可以引用方法,在这种情况下,必须首先加载方法。如何像装载的生命周期一样“延迟”方法的加载 <div id="toprint">to be printed</div> <button v-on:click="print" type="but

我有一个引用页面元素的方法。当我使用挂载的生命周期运行相同的函数时,一切都正常。但是,我想在单击按钮时使用该功能。然而,当我创建这个方法时,它说元素不存在

我想我看到了挂载的生命周期可以引用方法,在这种情况下,必须首先加载方法。如何像装载的生命周期一样“延迟”方法的加载

<div id="toprint">to be printed</div>
<button v-on:click="print" type="button">print</button>
...
methods: {
        print: printJS({printable:'toprint'})
    }
待打印的

打印
...
方法:{
print:printJS({printable:'toprint'})
}

页面显示“TopPrint”不存在。如果我将printJS放入一个挂载的生命周期中……它会起作用。

您在初始化组件时意外调用了
printJS
!用它自己的功能来包装它

方法:{
打印(){
printJS({printable:'toprint'})
},
}

您是否正在使用
v-on:单击
?我很困惑,比如你是否在
mounted()
中添加了
onclick
侦听器?是的,我使用的是v-on-click。该方法调用一个引用ID的函数。页面显示该ID不存在。但是,如果我在mounted中放置相同的函数(作为测试),ID确实存在,并且函数工作正常(因此我知道函数正在工作)。您可以包含一些代码吗?是的,谢谢你的帮助。我现在可以拥抱你了