vue-element-admin点击按钮跳转新页面方法$router.push
程序员文章站
2022-07-01 19:56:22
...
1:首先在view里面新建一个新的组件页面
addChip.vue
2:打开router/index.js
配置新增组件
{
path: 'addChip',
component: () => import('@/views/chip/addChip'),
name: 'addChip',
meta: { title: '新增拼图' },
hidden:true,
},
3:打开chip组件界面,开始写一个按钮
<template>
<el-button class="filter-item" type="primary" @click="$router.push('/chip/addChip')">新增拼图</el-button>
</template>
<script>
export default {
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style lang='scss'>
</style>
4:ok
点击按钮,就可以跳转新界面了
上一篇: 面试问题总结