Vue 中$router.push打开新窗口

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (260)

Mysql (59)

DedeCms (33)

jQuery (74)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

vue-router

打开边栏(ESC) 关闭边栏(ESC)

Vue 中$router.push打开新窗口

在Vue应用中，如何利用this.$router.push进行路由跳转并新开窗口，通过this.$router.resolve方法结合window.open实现。同时，提到在接收查询参数时可能遇到的问题以及解决方案，包括对null值的处理，并给出了具体项目实例代码，涉及动态导入组件和设置路由元信息。

在vue中使用 this.$router.push（{ path:  '/home' }） 
默认是替代本窗口
如果想新开一个窗口，可以使用下面的方式：


let routeData = this.$router.resolve({ path: '/home', query: { id: 1 } });
window.open(routeData.href, '_blank');

获取参数：
直接在被跳转的页面：this.$route.query.addflg;

如果单独加载这个列表，this.$route.query.addflg 会报错，那么就在 var t=this.$route.query?this.$route.query.addflg:'', 做个判断

如果要跳转到其他列表对应的弹框  可以直接 跳的对应的列表页面， 判断 直接调用对应的方法

项目实例：

//  this.$router.push({path:'/web/MMS/StockOut/OutBound', query: {}});

                                let routeData = this.$router.resolve({
                                    path: "/web/MMS/StockOut/OutBound",
                                    name: "OutBound",
                                    meta: {
                                        title: "出库单",
                                    },
                                    component: () =>
                                        import(
                                            "@/views/MaterialReceiving/OutBound/index.vue"
                                        ),
                                });
                                window.open(routeData.href, "_blank");

                                // this.$router.push({
                                //     path: "/web/MMS/StockOut/OutBound",
                                //     name: "OutBound",
                                //     meta: {
                                //         title: "出库单",
                                //     },
                                //     component: () =>
                                //         import(
                                //             "@/views/MaterialReceiving/OutBound/index.vue"
                                //         ),
                                // });

赏