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教程汇总：

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1

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

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

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

Vue移动端框架Mint UI教程-调用模拟json数据(五)
1:安装 npm install vue-resource 2:打开main.js 注册 import VueResource from 'vue-resource' Vue.use(VueResou ...
vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程
点击上方"代码集中营",设为星标优秀文章,第一时间送达! 前期回顾 1. Vue 学习入门指南 2. Vue 入门环境搭建 3. Visual Studio Code 使用指南 ...
Vue移动端框架Mint UI接口跨域问题
自己写了一个json数据,放在服务器上,现在要通过vue项目调用数据 http://www.intmote.com/test.json 我现在要调用在调用接口数据的时候的时候会出现这样的报错 Ac ...
【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录. ...
移动端vant时间选择器_vue移动端组件库（vant）
[摘要]在vue中有许多组件库,vant就是一套主要为移动端网站开发的开源的移动端组件库... [作者:黄可毅] 一.vant安装以及使用经历 1.vant安装在Vue 2 项目,安装 Vant 2 ...
vue 手机端路由切换滑动_vue移动端router-view嵌套实现底部导航切换
路由使用 vue-router 组件库使用 vue-ydui 效果图: 登录.png 主界面-首页.png 主界面-办事大厅.png 项目结构图片.png 大体流程图片.png 路由代码 impo ...
vue 自定义键盘组件_vue 自定义数字键盘+mint UI MessageBox的应用
功能: 实现自定义数字键盘,输入数字超过两位时不可输入点击清空清空输入框内的值提交时弹出提示框,并显示所输入的数字用--mint UI实现效果图: 9. //将变量numberval赋给valu ...
android post请求_Vue 网络请求框架 axios 使用教程
点击上方"代码集中营",设为星标优秀文章,第一时间送达! 前期回顾 1. Vue 学习入门指南 2. Vue 入门环境搭建 3. Visual Studio Code 使用指南 ...
Mint UI —— 基于 Vue.js 的移动端组件库
写文章登录 Mint UI -- 基于 Vue.js 的移动端组件库杨奕 8 个月前 Mint UI GitHub:https://github.com/ElemeFE/mint-ui 项目主页:h ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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