1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
| <template>
| <!--
| 作者：luoyiming
| 时间：2020-06-08
| 描述：超链接选择-页面
| -->
| <el-select v-model="activePage" placeholder="请选择" class="percent-w100" @change="changeFunc" value-key="url">
| <el-option v-for="item in pages" :key="item.url" :value-key="item.name" :label="item.name" :value="item"></el-option>
| </el-select>
| </template>
|
| <script>
| export default{
| data(){
| return {
| /*页面数据*/
| pages: [
| {
| url: '/pages/user/address/address',
| name: '收货地址',
| type: '菜单'
| },
| {
| url: '/pages/coupon/coupon',
| name: '领券中心',
| type: '菜单'
| },
| {
| url: '/pages/user/my-coupon/my-coupon',
| name: '我的优惠券',
| type: '菜单',
| },
| {
| url: '/pages/agent/index/index',
| name: '分销中心',
| type: '菜单',
| },
| {
| url: '/pages2/team/index',
| name: '团队分红',
| type: '菜单',
| },
| {
| url: '/pages2/delivery/index',
| name: '配送点',
| type: '菜单',
| },
| {
| url: '/pages2/deliveryclerk/index',
| name: '配送员',
| type: '菜单',
| },
| {
| url: '/pages/user/my-bargain/my-bargain',
| name: '我的砍价',
| type: '菜单',
| },
| {
| url: '/pages/user/my_shop/my_shop',
| name: '我的店铺',
| type: '菜单',
| },
| {
| url: '/pages/shop/application_status',
| name: '我的店铺',
| type: '菜单',
| },
| {
| url: '/pages/shop/register',
| name: '入驻店铺',
| type: '菜单',
| }, {
| url: '/pages/user/my_attention/my_attention',
| name: '我的收藏',
| type: '菜单',
| }, {
| url: '/pages/user/my_collect/my_collect',
| name: '我的关注',
| type: '菜单',
| }, {
| url: '/pages/plus/signin/signin',
| name: '签到有礼',
| type: '菜单',
| }, {
| url: '/pages/plus/task/index',
| name: '任务中心',
| type: '菜单',
| }, {
| url: '/pages/user/set/set',
| name: '设置',
| type: '菜单',
| }, {
| url: 'scanQrcode',
| name: '扫一扫',
| type: '菜单',
| }, {
| url: '/pages2/regactivity/index/index',
| name: '活动报名',
| type: '菜单',
| }, {
| url: '/pages2/ticket/index/index',
| name: '凭证上传',
| type: '菜单',
| }, {
| url: '/pages/user/card/list',
| name: '会员卡',
| type: '菜单',
| }, {
| url: '/pages/plus/business/list',
| name: '名片列表',
| type: '菜单',
| }, {
| url: '/pages/plus/business/index',
| name: '我的名片',
| type: '菜单',
| }, {
| url: '/pages/plus/business/add',
| name: '添加名片',
| type: '菜单',
| },
| {
| url: 'pages/user/my_activity/index',
| name: '连盟活动',
| type: '页面',
| },
| {
| url: 'pages2/bonus/index/index',
| name: '超级分红',
| type: '菜单',
| },
| {
| url: 'pages/plus/vip/index',
| name: 'VIP专区',
| type: '菜单',
| },
| {
| url: 'pages3/release/demandindex/index',
| name: '需求方',
| type: '菜单',
| },
| {
| url: 'pages3/release/supplyindex/index',
| name: '供应方',
| type: '菜单',
| }
| ],
| /*选中的值*/
| activePage: '收货地址'
| }
| },
| created() {
| /*初始化*/
| this.changeFunc(this.pages[0]);
| },
| methods: {
| /*选中的值*/
| changeFunc(e){
| this.$emit('changeData', e);
| }
| }
| }
| </script>
|
| <style>
| </style>
|
|
