Vue点击按钮弹出独立页面(弹出窗口)

话不多说上代码Html<template><div style="padding:10px 20px 0 20px;"><el-button class="wp-but" @click="Popup">catia</el-button></div></template>Js<script>export defaul

萧何.

9632人浏览 · 2022-02-24 16:46:15

萧何. · 2022-02-24 16:46:15 发布

话不多说上代码

Html

<template>
    <div style="padding:10px 20px 0 20px;">
        <el-button class="wp-but" @click="Popup">catia</el-button>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                visible:false,
                id:'',
            }
        },
        methods: {
            Popup() {                                               
               window.open(
                        "http://localhost:9527/#/integration/catia",//需要跳转的路由
                        '_blank',//是否在新的页面打开
                        'width=1500,height=800,toolbar=no,//设置弹出窗口的各项属性
                         scrollbars=no,menubar=no,screenX=240,screenY=100'
                         )
            }
        },
    }
</script>