首页 > 其他分享 >Vue打开新窗口

Vue打开新窗口

时间:2023-07-31 11:44:48浏览次数:44  
标签:900 Vue openNewWindow href 新窗口 打开

方式一:

    openNewWindow() {
      const { href } = this.$router.resolve({
        path: "/preview",
      });
      window.open(href, "_blank", "width=900, height=700");
    },

方式二:

            <router-link target="_blank" :to="{ path: '/open' }">
              打开新窗口
            </router-link>

 

标签:900,Vue,openNewWindow,href,新窗口,打开
From: https://www.cnblogs.com/heibaiqi/p/17593043.html

相关文章

  • VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改
    VUEel-table表格实现双击编辑,单机空白处放弃修改,回车提交修改template<el-row><el-col:span="24"><el-table@cell-dblclick="handleCellDBClick":data="tabledata"border><!--生成列--><......
  • vue2集成simple-mind-map思维导图,实现在线制作思维导图
    1.使用组件组件源码版本licensesimple-mind-map地址0.6.6MIT@toast-ui/editor地址3.1.5MITv-viewer地址1.6.4MITxlsx地址0.18.5Apache-2.0vue-i18n地址8.27.2MIT2.组件结构(部分)3.截图4.示例项目项目一:gitee......
  • vue 环境配置
    根目录下创建.env.env.production.env.development在vite.config.js中使用defineConfig(({mode})=>{constenv=loadEnv(mode,process.cwd());const{VITE_NODE_ENV}=env;})其他地方使用exportconstrequestURL=import.meta.env.VITE_APP_BASE_UR......
  • vue2集成bpmn流程图,可导入导出预览等
    1.使用到的组件组件源码版本licensebpmn-js地址7.3.1bpmn.iobpmn-js-properties-panel地址0.37.2MITcamunda-bpmn-moddle地址4.5.0MIT版本一定要对,否则可能会报错2.组件代码<template><divid="app"><divclass="container">......
  • vue + vite 在index.html中使用环境变量
    npminstallvite-plugin-html-Dvite.config.jsimport{createHtmlPluginasuseHtmlLoader}from'vite-plugin-html'useHtmlLoader({inject:{data:{title:VITE_APP_BASE_URL,},},}),index.html可以使用啦!!!<pclass=&quo......
  • vue2集成tinymce富文本编辑器,添加本地资源解决加载慢问题
     组件源码版本licensetinymce地址4.9.3MIT示例项目一源码地址:gitee1.封装组件<template><div:class="{fullscreen:fullscreen}"class="tinymce-container":style="{width:containerWidth}"><textarea:id="tinymc......
  • vue3
    一、vue3最终响应式原理letperson={name:'张三',age:15,}//我们管p叫做代理数据,管person叫源数据constp=newProxy(person,{//target代表的是person这个源对象,propName代表读取或者写入的属性名get(target,propName){console.log('有人......
  • Vue的学习笔记
    一、弹窗的初始化1.弹窗打开的时候想要对弹窗进行一些初始化数据(比如从表默认选中第一行),可以用@opened绑定方法进行操作,详见:https://element.eleme.cn/#/zh-CN/component/dialog  二、显示与不显示:v-show视频学习地址(03-key,v-show,computed|【入门篇】从零开始学习Vue3核......
  • window.open()打开窗口的几种方式,a标签的href
    window.open()打开窗口的几种方式原文链接:https://www.jianshu.com/p/ed4c911105451.在当前窗口打开百度,并且使URL地址出现在搜索栏中.window.open("http://www.baidu.com/","_search");window.open("http://www.baidu.com/","_self");2.在一个新的窗口打开百度window.......
  • 【vue】vue路由传参的三种方式
    【vue】vue路由传参的三种方式原文链接:https://blog.csdn.net/liyunkun888/article/details/83269343前言vue路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转。传参方式可划分为params传参和query传参,而params传参又可分为在url中显示参数和不......