如何在vuejs中的页面加载时触发方法?

b4d*_*ons 16 javascript jquery vue.js

如何像标签一样在页面加载时触发方法?
例如:

<div id='wraper'>
<!-- div id menu not load -->
<div id="menu">
  <a href='#'>test</a>
  <a href='#'>test</a>
  <a href='#'>test</a>
</div>

<!-- load this content  -->
<div id="content">
konten
</div>
  
</div>  
Run Code Online (Sandbox Code Playgroud)

谢谢

Ash*_*Raj 47

对于vue> = 2.0使用mounted和以前的版本使用ready.

vm=new Vue({
  el:"#app",
  mounted:function(){
        this.method1() //method1 will execute at pageload
  },
  methods:{
        method1:function(){
              /* your logic */
        }
     },
})
Run Code Online (Sandbox Code Playgroud)

  • 最好使用`created()`如果你不使用DOM访问,因为它在进程的早期运行,如果你做远程api调用,它们会更早地执行 (5认同)
  • @Ferrybig true,但是 - 在这种情况下,看起来 OP 正在使用 DOM。 (2认同)

Dev*_*hon 7

此语法可以正常工作:

export default {
    mounted() {
      this.myMethod()
    },
}
Run Code Online (Sandbox Code Playgroud)