紧急跳转

紧急跳转

-

2023年2月19日发(作者：)

使⽤element-ui设置导航栏跳转路由

根据官⽹的介绍修改⾃⼰的路由

官⽹介绍：

处理中⼼

我的⼯作台

选项1

选项2

选项3

选项4

选项1

选项2

选项3

消息中⼼

订单管理

修改后的代码

1

2

3

4router

5mode=\"horizontal\"

6class=\"el-menu-demo\">

7

8:key=\"i\"

9:index=\"\">

10

11{{m}}

12

13

14

15

16

17

数据：

1data(){

2return{

3navList:[

4{name:\'/\',navItem:\'节⽬发布\'},

5{name:\'/Content\',navItem:\'内容制作\'},

6{name:\'/Material\',navItem:\'素材管理\'},

7{name:\'/SplitScreen\',navItem:\'分屏模板\'},

8{name:\'/EmMa\',navItem:\'设备管理\'},

9{name:\'/Log\',navItem:\'⽇志管理\'},

10{name:\'/Emergency\',navItem:\'紧急发布记录\'}

11]

12}

13}

路由：

1exportdefaultnewRouter({

2routes:[{

3path:\'/\',

4name:\'Show\',

5component:Show

6},

7{

8path:\'/Emma\',

9name:\'Emma\',

10component:Emma

11},

12{

13path:\'/Content\',

14name:\'Content\',

15component:Content

16},

17{

18path:\'/Emergency\',

19name:\'Emergency\',

20component:Emergency

21},

22{

23path:\'/Log\',

24name:\'Log\',

25component:Log

26},

27{

28path:\'/Material\',

29name:\'Material\',

30component:Material

31},

32{

33path:\'/SplitScreen\',

34name:\'SplitScreen\',

35component:SplitScreen

36}]

37})