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

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

Web 开发 > JavaScript

收藏回复

[问题点数：50分]

⋅原生js或者jquery如何在一个用vue.js构建的页面上模拟自动提交 ⋅如何模拟登录后可以带权限访问远程服务器? ⋅easyui 1.3.1 tabs下的datagrid如何避免列的卷缩 更多帖子 关注私信空间博客 xuhesheng 等级 本版专家分：5 结帖率 96.77%: 客户给的要求是在我们的页面上,利用已有的用户名密码来自动登录到目标系统上.

我们在跳转页面中加入了一个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完全不懂的小白,解决一下,赋值和自动登录的问题.

2020-10-21 15:59:32

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅此用户还没有发表过任何帖子

关注私信空间博客

jio可

等级

本版专家分：16714

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

红花 2020年9月 Web 开发大版内专家分月排行榜第一
2019年9月 Web 开发大版内专家分月排行榜第一

黄花 2020年8月 Web 开发大版内专家分月排行榜第二
2020年7月 Web 开发大版内专家分月排行榜第二
2020年6月 Web 开发大版内专家分月排行榜第二
2020年4月 Web 开发大版内专家分月排行榜第二
2020年3月 Web 开发大版内专家分月排行榜第二
2019年10月 Web 开发大版内专家分月排行榜第二: 同域名为什么不考虑在cookie里面放token值共享

2020-10-22 17:16:49

点赞只看TA 引用举报 #1得分 0

⋅[STAThread]作用? ⋅关于操作系统的选择 ⋅关于恶意广告贴,灌水贴 更多帖子 关注私信空间博客 泡泡鱼_ 等级 本版专家分：19680 勋章 红花 2012年10月 Web 开发大版内专家分月排行榜第一 2012年9月 Web 开发大版内专家分月排行榜第一 蓝花 2012年11月 Web 开发大版内专家分月排行榜第三: 既然可以用iframe，又不存在跨域问题。那你直接操作iframe即可呀。只是将操作放在iframe的onload事件中去处理

2020-10-23 12:50:47

点赞只看TA 引用举报 #2得分 0

⋅[STAThread]作用? ⋅关于操作系统的选择 ⋅关于恶意广告贴,灌水贴 更多帖子 关注私信空间博客 泡泡鱼_ 等级 本版专家分：19680 勋章 红花 2012年10月 Web 开发大版内专家分月排行榜第一 2012年9月 Web 开发大版内专家分月排行榜第一 蓝花 2012年11月 Web 开发大版内专家分月排行榜第三



//jQuery的话，试下：

$(function(){

  $('your iframe').load(function() {

    //赋值

    $('#username').val(username);

    $('#passowrd').val(passowrd);

    /**

     * 自动登录

     * eventType：loginButton的原生事件名称,比如：click

     * 当然也不能排除你是要将表单submit;这个得看你登录页实际的动作是什么了

     */

    $('loginButton').trigger('eventType')

  })

})

2020-10-23 12:58:31

点赞只看TA 引用举报 #3得分 0

收起

收藏回复

xuhesheng

等级：

关注私信 TA的帖子

使用Vue.js在WordPress中创建单页面应用SPA: 吐槽一下，掘金好像并不能插入gist的代码框效果有点打折扣博客原文地址里有gist代码： ...在这篇文章里，我将向你介绍如何使用Vue.js在WordPress中创建单页面应用SPA(single page application)：用WordPress做后...

用vscode实现vue.js项目的一个完整过程: 转用vscode实现vue.js项目的一个完整过程 1、新建项目打开...

初识Vue.js_介绍与Vue.j s 有关的一些概念、技术、原理。并快速构建出一个Vue.js 应用。: 一、Vue.js的有关概念 Vue.js(读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式(Progressive)框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手...

vue.js 2.x教程: 教程基础安装 ...Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。...在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它...

Vue.js学习笔记: Vue.js学习笔记文章目录Vue.js学习笔记1. 前端技术简介1.1 Vue概述1.2 前端知识体系1.3 前端原生技术1.3.1 HTML（结构层）1.3.2 CSS（表现层）1.3.3 JavaScript（行为层）1.3.4 JavaScript框架1.3.5 UI 框架1.3.6 ...

浅析-vue.js: 会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目 0.前言前几天我们已经对后端的技术栈...

Vue.js的优点: vue的优点是什么vue的优点：轻量级框架简单易学双向数据绑定组件化视图,数据,结构分离虚拟DOM为什么要使用虚拟DOMvue对比其他框架 vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底...

vue.js入门（一）: vue.js入门（一） {{title}} var vm=new Vue({ //创建一个vue对象

vue.js: Vue.js 一、Vue基础 Vue基础1 1.0 前端开发流程规范前端开发流程规范 1.1 前端框架发展历史 html html [1990]----> html5 [2008.1.12] css css 1.0 1996 css 2.0 1998 css 3.0 2001 EcmaScript ...

Vue.js_认识_简单介绍: 根据项目是否适用于Web端还是原生的APP，或者快速搭建一个小型项目等等。（2）可复用的组件：框架中组件的复用性能够很大程度上减少了代码量，也方便了也方便了维护和管理。（3）该框架能够...

三剑客+Jquery.ajax+VUE单页+ThinkPHP3.2.3的前后端分离开发: 其实，这种开发模式还是挺少见的，vue自有vue-cli可以使用webpack打包前端项目，然后后端就做后端的活提供数据服务，这样前后端分离的彻底，但是限于笔者个人水平，vue-cli和webpack正在学习中，所以替代的方案，...

mock.js模拟数据实现前后端分离: 众所周知，在日常开发中，前后端分离是最常见的开发模式，前端完成页面渲染，后端提供接口数据。但是起初项目刚开始，后端还没有写好接口数据，前端要构建页面，还得考虑结构以及后期真实数据的问题。所以前后端...

Vue.js学习笔记--进阶之路: vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤...

Vue(v2.6.11)万行源码生啃，就硬刚！: 玩归玩，闹归闹，Vue 源码要知道。

手把手教你封装一个vue component: 为什么选择自己封装第三方库 github地址最近几个月来我司把公司之前两三年的所以业务...其实vue 写component相当方便和简单的，github上有很多的vue component都只是简单的包装了一些jquery或者原生js的插件，但我

学习Vue之前-快速了解前端体系和前后端分离的演变史: 前端体系想要成为真正的互联网Java全栈工程师，前端是绕不开的一门必修课。接下来我们就来认识前端、了解前端、掌握前端，为成为互联网Java全栈工程师而前进。前端三要素前端三要素为： ... CSS（表现）：层叠样式...

jQuery和Vue的技术优劣对比: 虽然两种思路是完全不同的，但也不能说是不能一起用的，在某些没有办法的情况下(例如需要操作dom的情况下)，把jQuery和vue用在一块是完全没问题的，当然把这两种技术用在一起是肯定不会出现在最佳实...

手把手教你封装一个vue component: 手把手教你封装一个vue component 文末有大彩蛋！

Vue: Vue Vue主要解决视图层的问题：html，css，js，遵从soc关注度分离原则视图：给用户看，刷新后台给的数据他不参与网络通信和页面跳转网络通信：axios 页面跳转：vu e-router 状态管理：vuex [外链图片转存失败,源...

用原生JavaScript造轮子（1）——分页器、(vue插件版本): 日常工作中经常会发现有大量业务逻辑是重复的，而用别人的插件也不能完美解决一些定制化的需求，所以我决定把一些常用的组件抽离、封装出来，形成一套自己的插件库。 JavaScript模块化要开发一个JavaScript的...

Vue核心三大模块实现原理: 响应式、vdom、模板编译: 知其然知其所以然,只有了解了vue原理才能更好的应用,提高我们的竞争力. 响应式什么是vue响应式? 组件data的数据一旦发生变化, 会立即触发视图的重新渲染. 如何实现响应式? <template> <p>{{...

Vue.js基础: 诞生背景：移动端网页应用（Web App）需求大量增加,为了解决webapp体验和开发上的不足，使其更接近原生的app ，出现MVVM框架-Vue.js 【属于MVVM的JS框架除了Vue.js 还有React.js Angular.js】 Vue.js优点：1、更...

Vue.js 2.0 手把手入门笔记: 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 2 特点: 核心只关注视图层(view)...

day5_vue.js: 会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目 0.前言先聊一下前端开发模式的发展。 ...

手把手教你用原生JavaScript造轮子（1）——分页器（最后更新：Vue插件版本，本篇Over！）...: 日常工作中经常会发现有大量业务逻辑是...同时，我将用这个教程系列记录下每一个插件的开发过程，手把手教你如何一步一步去造出一套实用性、可复用性高的轮子。 So, Let's begin! 目前项目使用 ES5及UMD 规范封装，...

vue（借鉴狂神大神）: Vue学习笔记 1. MVVM模式和第一个Vue程序参考狂神说java学习教程什么是MVC MVC 模式代表 Model-View-Controller（模型...

【javaWeb微服务架构项目——乐优商城day02】——Vue.js(认识Vue，Node和NPM，Vue实例，指令，组件化，路由...: 会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用 0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端...

Vue项目构建开发入门: 开篇：Vue CLI 3 项目构建基础大家好，当你点进这个标题，...Vue.js 作为一门轻量级、易上手的前端框架，从入门难度和学习曲线上相对其他框架来说算是占据优势的，越来越多的人开始投入 Vue.js 的怀抱，走进 Vue.js

web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。: 本篇文章整理总结了一些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上： css相关更多教程：https://sucaiip.com/ ...

前端知识总结汇总！（HTML、CSS、JS、jQuery、vue、微信小程序）: 标准模式，浏览器按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。标准模式的排版和 JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的

相关热词 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# 多层文件 c# 判断文件修改时间 c#自定义控件怎么引用 c# 开发流程图 c# 子类构造 c# 编写webapi c# in sql 参数