前三节写了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