添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接


场景

若依前后端分离版本地搭建开发环境并运行项目的教程:

在此基础上,如果想在某页面上添加一个按钮,点击此按钮页面跳转到新的页面,并设置在页面的

新窗口页中打开。

注:

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

首先找到vue项目下的router下的index.js

若依前后端分离版(vue)中配置页面跳转的路由_vue

然后添加路由的配置

{
path: '/webclient',
component: webclientlogin,
},

其中上面path是跳转时的路径,下面是跳转的组件,所以还需要将此组件引入

import webclientlogin from '@/views/system/webclient/webclientlogin'

然后在要跳转的页面中添加一个按钮

<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="webclientlogin"
>Web版本</el-button>

在按钮的点击事件中

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

如果需要传递参数的话则添加query,不需要的话则不传递。

则会在新窗口页中打开。

file输入框状态重置 jquery

现在实现的有基础用法、可清空、密码框,参考链接:https://element.eleme.cn/#/zh-CN/component/inputHTML代码:想要测试哪个组件,直接将对应组件解开注释即可,标红的js和css记得修改成你自己的位置。js实现可清空input组件 //普通input输入框 document.write(createElementInput()) //添加可清空功能cl

1.java -jar和 java -jar -Xms256m -Xmx1024m -XX:MetaspaceSize=128m -XX:MaxMetaspaceSize=512m啥区别 2.【目标检测】火车轨道上目标检测数据集6563张YOLO-VOC格式 3.如何基于K3s构建云原生边缘基础设施? 4.《深度剖析:5G网络切片如何精准保障不同业务QoS需求》 5.MCP 和 A2A 学习(四) A2A案例