如何在Vue.js页面加载时触发方法？

vue.js Vue.js

达蒙樱梅

2020-03-16

如何在页面加载时触发选项卡之类的方法？
例如：

<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>

谢谢

第1670篇《如何在Vue.js页面加载时触发方法？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
武藏 2020.03.16

此语法工作正常：

export default {
    mounted() {
      this.myMethod()
    },
}
神乐Mandy小哥 2020.03.16

对于vue> = 2.0，请使用mounted，对于早期版本，请使用ready。

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android