原生js或者jquery如何在一个用vue.js构建的页面上模拟自动提交

xuhesheng xuhesheng 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
客户给的要求是在我们的页面上,利用已有的用户名密码来自动登录到目标系统上.

我们在跳转页面中加入了一个iframe,指向目标系统的登录页地址.
这里不设计跨域问题,因为,我们的项目跟目标系统是在同一个大服务器下的.
目标系统的登录页是有vue.js制作的页面.
我在父页面,直接通过dom操作,设置用户名密码的input输入框的value属性,但是目标系统提示输入为空.多种方式尝试无果.
后来我在父页面引用了vue.js,打算用vue来解决赋值的问题.
于是先设置了v-model
usernameobj.attr('v-model','username');
passwordobj.attr('v-model','password');
然后执行
new Vue({
el:'#app',
data:{
username:username,
password:password
}
});
现在赋值成功了.可是登录按钮却不能点击了.

请各位大神,帮我这个对vue完全不懂的小白,解决一下,赋值和自动登录的问题.
...全文

相关推荐

Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

今天小编小编就为大家分享一篇Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38634065

原生JavaScript+jQuery构建购物网站:期末作业实战指南

在Web前端开发中,原生JavaScript是理解DOM操作、事件处理和数据状态管理的基石,而jQuery作为经典的辅助库,能高效简化DOM选择、动画等常见任务。掌握原生与库的结合使用,对于构建具备完整交互逻辑的应用至关重要,其技术价值在于能扎实提升开发者的工程化思维和问题解决能力。这种技术组合尤其适用于需要快速实现核心功能、注重代码可读性与可维护性的应用场景,例如课程设计或毕业项目。本文聚焦于如何运用原生JavaScript与jQuery,实现一个包含商品展示、购物车管理及模拟登录等核心模块的购物网站,其

weixin_33829657

原生js模拟vue实现双向数据绑定

原生js模拟vue实现双向数据绑定 写在前面 vue.js是mvvm模式的框架,如图: 通过和传统mvc模式的对比,我们发现多了个ViewModel,没有控制器(controller)了。ViewModel是mvvm模式的精髓所在它连接了view(视图层)与model(数据模型),view或model发生改变,他们对应的model和view也会发生改变,非常方便。尤其是在做表单类型业务的时候深...

欧阳呀

vue 解决form表单提交但不跳转页面的问题

今天小编就为大家分享一篇vue 解决form表单提交但不跳转页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38661852

使用Vue.js和Element-UI做一个简单登录页面的实例

下面小编就为大家分享一篇使用Vue.js和Element-UI做一个简单登录页面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38622777
评论 3
收藏 已收藏
分享
返回顶部
xuhesheng
JavaScript 87,983 成员 224,681 内容