原生js和vue.js实现数据共享

1.原生js生明全局变量

<script th:inline="javascript">
var aa="aa";
</script>

1.vue.js

<script th:inline="javascript">

var vm = new Vue({
el : "#app",
data : {
sendId : ‘‘,
versonNo : ‘‘,
update : ‘‘
},

mounted: function() {
debugger
this.sendId = response.getParameter("sendId");
this.versonNo = response.getParameter("versonNo");
this.update = response.getParameter("update");
var filePath = response.getParameter("filePath");
TANGER_OCX.BeginOpenFromURL($$pageContextPath+"/szgl/oaText/downloadText?filePath="+filePath);
aa="bb";
},
methods : {
save : function() {
TANGER_OCX.SaveToURL($$pageContextPath+"/szgl/oaText//uploadOaSendText?sendId=" + this.sendId + "&versonNo=" + this.versonNo, "upload");
$.alert(‘提示信息‘,"保存成功",function(){$.close(true);});
}

}
});
</script>

3.ntko.js调用全局变量

<script language="JScript" for="TANGER_OCX" event="OnDocumentOpened(TANGER_OCX_str,TANGER_OCX_obj)">
alert(aa)
var NTKO=document.getElementById("TANGER_OCX");
console.log(NTKO);
NTKO.SetReadOnly(true);
</script>

原文地址:https://www.cnblogs.com/zhangzhiqin/p/12306286.html

时间: 2024-11-06 17:50:56

原生js和vue.js实现数据共享的相关文章

angular.js和vue.js中实现函数去抖(debounce)

问题描述 搜索输入框中,只当用户停止输入后,才进行后续的操作,比如发起Http请求等. 学过电子电路的同学应该知道按键防抖.原理是一样的:就是说当调用动作n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间.本文将分别探讨在angular.js和vue.js中如何实现对用户输入的防抖. angular.js中解决方案 把去抖函数写成一个service,方便多处调用: .factory('debounce', ['$timeout','$q', function($timeou

js 引入Vue.js实现vue效果

拆分组件为单个js见:https://www.jianshu.com/p/2f0335818ceb 效果: html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, u

angular4.0和angularJS、react.js、vue.js的简单比较

angularJS特性 模板功能强大丰富(数据绑定大大减少了代码量) 比较完善的前端MVC框架(只要学习这个框架,按照规定往里面填东西就可以完成前端几乎所有的的问题) 引入了Java的一些概念 angularJS的一些问题 性能问题[(脏检查机制)在angular中被废除了,整体性能被提升 路由问题[(使用的是第三方模块)在angular中路由器是主要的机制 作用域问题[(不能用原生的事件,想用就要调用一个方法)在angular中任何原生的事件都可以直接处理 表单验证问题[在angular中提供

node,js和vue.js的联合使用的小例子

1.本博客内容转发自http://www.cnblogs.com/zl-127/p/6543973.html. 2.配置好 node js环境 创建app.js文件,代码如下 var http = require("http"); var fs = require('fs'); var url = require('url'); http.createServer(function(request, response) { // 解析请求,包括文件名 var pathname = ur

js framework vue.js

vue.js 参考: http://cn.vuejs.org/guide/installation.html 不管使用何框架,首先都是要创建它的实例: var vue = new Vue({//参数 }) 知识点总结: 1.绑定: 使用 双“Mustache” 语法,如:{{}} 扩展知识: 使用三 Mustache,可以输出html,如:{{{}}} Mustache 标签也可以用在 HTML 特性 (Attributes) 内:div id="item-{{ id }}">&

Vue.js实践:一个Node.js+mongoDB+Vue.js的博客内容管理系统

项目来源 以前曾用过WordPress搭建自己的博客网站,但感觉WordPress很是臃肿.所以一直想自己写一个博客内容管理器. 正好近日看完了Vue各个插件的文档,就用着Vue尝试写了这个简约的博客内容管理器(CMS). 嗯,我想完成的功能: 一个基本的博客内容管理器功能,如后台登陆,发布并管理文章等 支持markdown语法实时编辑 支持代码高亮 管理博客页面的链接 博客页面对移动端适配优化 账户管理(修改密码) Demo 登陆后台按钮在页面最下方"站长登陆",可以以游客身份登入后

关于Vue.js和Vue.js的优缺点以及和与其他前端框架的区别

首先,我们先了解什么是MVX框架模式? MVX框架模式:MVC+MVP+MVVM 1.MVC:Model(模型)+View(视图)+controller(控制器),主要是基于分层的目的,让彼此的职责分开. View通过Controller来和Model联系,Controller是View和Model的协调者,View和Model不直接联系,基本联系都是单向的. 用户User通过控制器Controller来操作模板Model从而达到视图View的变化. 2.MVP:是从MVC模式演变而来的,都是通

【js】vue.js v-model

<tr> <td width="60" height="44">排序号:</td> <td width="180"> <input type="text" id="UPsortid" v-model="roleInfo.sort_id"/> </td></tr><tr> <td widt

js,vue.js一些方法的总结

push() 可向数组的末尾添加一个或多个元素 pop() 删除并返回数组的最后一个元素 shift()删除并返回数组的第一个元素 unshift() 添加并返回数组的第一个元素 sort()对数组的元素进行排序(按照字母的先后顺序) splice()对数组进行添加或删除,然后返回被删除的项目 reverse()对数组进行倒序 concat()连接字符串  string.concat('string) slice()可从已有的数组中返回选定的元素    arrayObject .slice(st