前端开发-后台信息管理页面的开发流程

3、要想自己使用模板中的路由,只需要复制上边路由的代码修改即可。

path:为访问路径。外层和内层的两个path值构成了访问路径

在这里插入图片描述

name:为页面中路由显示的值

在这里插入图片描述

1.2、设置页面跳转路径


在component中设置页面跳转路径

在这里插入图片描述跳转到的页面:

在这里插入图片描述显示的面效果的代码:

  • 上边为element-ui布局代码;

  • 下面为javascript代码

<el-table

v-loading=“listLoading”

:data=“list”

element-loading-text=“Loading”

border

fit

highlight-current-row>

{{ scope.$index }}

{{ scope.row.title }}

{{ scope.row.author }}

{{ scope.row.pageviews }}

{{ scope.row.status }}

{{ scope.row.display_time }}

  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值