# chooseLink

选择商品类型,点击并跳转到对应的地址。通过全局事件触发show_choose_link显示,显示内容为传进去的对象

# 效果

点我查看效果

# 位置

文件目录:resources/src/globalWidget/choose-link/choose-link.vue

# 使用示例

<choose-link></choose-link>
1
import chooseLink from '跟进相对路径引入'

export default {
    components: {
        chooseLink
    },
    methods: {
        show() {
            this.$bus.$emit('show_choose_link', {
                title: '商品类型',
                content: [
                    {
                        link: 'javascript:;',
                        name: '图文',
                        img_url: '/images/admin/resManage/icon_product_picture.png',
                    }, {
                        link: 'javascript:;',
                        name: '音频',
                        img_url: '/images/admin/resManage/icon_product_voice.png',
                    }, {
                        link: 'javascript:;',
                        name: '视频',
                        img_url: '/images/admin/resManage/icon_product_video.png',
                    }
                ]
            });
        }
    }
}
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

# 方法

方法名 说明 参数
show_choose_link 通过全局事件触发 对象,对象里面有title字符串和content数组