1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue 移动端 跳转页面_Vue移动端框架Mint UI教程-跳转新页面(四)

vue 移动端 跳转页面_Vue移动端框架Mint UI教程-跳转新页面(四)

时间:2019-02-25 02:32:56

相关推荐

vue 移动端 跳转页面_Vue移动端框架Mint UI教程-跳转新页面(四)

前三节写了vue的移动端框架的入门篇章,今天接着写,今天写的教程其实很简单,在之前的基础上,新建一个界面,并且进行跳转新页面。

1:首先,在pages底下新建一个新的页面fa.vue

在页面里面写一些代码

我是新页面

#index{

display: flex;

justify-content: center;

margin-top: 100px;

}

export default{}

2:打开index.js文件

将这个新的界面配置到router文件夹下的index.js中去:

import Fa from '../pages/fa.vue'

{

path: '/fa', component: Fa

}

3:在当前的页面里面写跳转方法

测试跳转

methods: {

go() {

this.$router.push('/fa');//要跳转的界面

},}

4:点击测试:可以看到实现的效果。

Mint UI教程汇总:

原文作者:祈澈姑娘 技术博客:/u/05f416aefbe1

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,欢迎加入编程微刊qq群:260352626

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。