场景
若依前后端分离版本地搭建开发环境并运行项目的教程:
在此基础上,如果想在某页面上添加一个按钮,点击此按钮页面跳转到新的页面,并设置在页面的
新窗口页中打开。
注:
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
首先找到vue项目下的router下的index.js
然后添加路由的配置
{
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案例