Vue-router 无法在新选项卡中绑定数据

Posted

技术标签:

【中文标题】Vue-router 无法在新选项卡中绑定数据【英文标题】:Vue-router cannot binding data in a new tab 【发布时间】:2020-09-29 09:04:40 【问题描述】:

内部选项卡一切正常,但是当我在新选项卡中打开链接时。我收到此错误。

    这是我的路由器链接(标签索引):
 <router-link tag="a" class="cursor-pointer text-primary" :to="path: 'articles/edit/'+props.row._id"> props.row.title 
</router-link>

    这是目标页面:

已安装:

mounted () 
        const articleId = this.$route.params.id

        this.loadArticle(articleId)
    ,

Vuex

export async function loadArticles ( commit ,  currentPage, perPage, status, subscriptions, validFrom, validThrough, approved, active, category, search  ) 
    commit('setArticlesBegin')
    try 
        const query = 
            skip: (currentPage - 1) * perPage,
            limit: perPage,
            search : search || '',
            category: category || '',
            validFrom: validFrom || '',
            validThrough: validThrough || '',
            approved: approved || null,
            active: active || null,
        
        if (status) 
            query.status = status
        

        const  total, articles = await api.getAll(query, 'admin')
        commit('setArticles', 
            articles,
            total,
            currentPage
        )
     catch (error) 
        commit('setError', error)
    

【问题讨论】:

【参考方案1】:

您是否在 ArticleEdit.vue 中使用扩展运算符(“...”)?

我需要查看更多代码才能理解。

【讨论】:

以上是关于Vue-router 无法在新选项卡中绑定数据的主要内容,如果未能解决你的问题,请参考以下文章

PHP + MySQL,无法在新选项卡中打开数据库 URL [重复]

JSF 动态绑定命令按钮

p:commandLink无法在新窗口/选项卡中打开页面

无法将mysql数据绑定到golang中的html模板

尝试通过 Javascript 在新选项卡中打开 URL [重复]

AngularJS UI 路由器 - 在新的浏览器选项卡中使用数据打开状态