Vue 中$router.push打开新窗口
web Vue 2024-09-27 456 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

7499042 2655 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (254)
Mysql (58)
DedeCms (33)
jQuery (67)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(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"
                                //         ),
                                // });

版权声明:本篇文章来源于网络。 来源链接

相关推荐
接口返回request failed with status code 500错误
Vue | 2023-02-20 3263
接口返回request failed with status code 500错误 登录界面,验证账号密码成功,但是返回500错误 可能原因:linux服务器,用tp5搭建的后台及接口,会生成一部分缓存文件,但是linux默认没有权限创建数据,所以,只要在缓存文件夹runtime添加写的权限即可
解决errors and 0 warnings potentially fixable with the `--fix` option.问题
Vue | 2023-06-08 2453
解决errors and 0 warnings potentially fixable with the `--fix` option.问题 项目正常运行,就是有这个提示 找到.eslintrc.js注释掉// 'eslint:recommended'
评论:0条
评论加载中...
发表评论