文章/答案/技术大牛

发布

社区首页 >问答首页 >视图之间的转换

问视图之间的转换
EN

Stack Overflow用户

提问于 2021-07-13 16:00:17

回答 2查看 22关注 0票数 1

我是Vue的初学者(几个小时)，在按下按钮后切换到下一个视图有困难。

谁能告诉我为什么会这样？

  <template>
  <div>
    <button v-on:click="login">
    </button>
  </div>
</template>

<script>
methods: {
  login: function () {
      this.$router.push('/home')
  }
}
</script>

rouetr.js

    import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '@/components/Home.vue';
import Login from '@/components/Login.vue'

Vue.use(VueRouter);

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home,
    },
    {
        path: '/login',
        name: 'Login',
        component: Login
    },
];

const router = new VueRouter({
    routes,
});

export default router;

javascript

vuejs2

回答 2

Stack Overflow用户

发布于 2021-07-13 16:40:13

我认为这是一个linter错误，试着像这样声明你的函数：

<script>
methods: {
  login () {
      this.$router.push('/home')
  }
}
</script>

票数 0

Stack Overflow用户

发布于 2021-07-13 18:58:39

我换了这个，它就醒了

    <script>
export default  {
  name:"App",
  methods: {
    next() {
      this.$router.push({ name: 'Home' })
      console.log(this)
    }
  }
}
</script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68358630

复制

相似问题

问视图之间的转换
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视图之间的转换EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视图之间的转换
EN