alexqdjay/vue-tabs

请教一下支持参数传递吗?

Closed this issue · 6 comments

就是我打开的tab页面是一个components
我在tab里想写些参数,比如id,type,xxx之类的,最终想在页面components里获取到这些值
我想要实现的就是vue-router在页面里通过this.$route.query.xxx可以获取到属性的功能

调用打开方法是使用对象,该对象会被传递到你创建的component绑定的$tab

解决了么?

接触vue的时间不是很长,不是太明白你的意思,能在补充一个这样的demo吗?
左侧菜单链接的参数右侧打开的页面展示。感谢!
主要想实现jquery那种iframe的效果

请查看最新的commit,对你的这个需求 example 中做了示例展示,下面摘录,详细见 commit。

// tabs.js 定义标签元数据的文件
export default [{
    name: 'home',
    title: '首页',
    id: 'id_home', // 这里进行自定义
    component: Hello,
    beforeCreate (tab, next) {
        console.log('before create:', tab)
        next()
    },
    beforeClose (tab, next) {
        console.log('before close', tab)
        next()
    }
}


// Hello.vue 该标签对应的组件
data () {
    console.log('data: ', this.$tab.meta.id) // 这里获取配置的自定义字段
    return {
        msg: 'Welcome to Your Vue.js App'
    }
},

感谢你的帮助,多谢!

动态参数怎么传,只有在调用open的时候才知道参数是什么。