最近开发遇到了这个情况，产品的功能是通过vue和传统js结合开发，所以一些产品的功能是需要引入外部的js文件才能实现，一些数据也是通过外部的js文件插入dom节点，方式还是使用传统的字符串拼接，类似于这样
let html="";
html+="<div class='btn'>"
html+="<span></span>"
html+="</div>"
但是当引入js文件数据更新，vue的界面数据也要更新，所以需要在js文件中操作vue中的methods。
1.方法也很简单，mounted的时候将methods的方法挂载到window上，使用的时候直接调用就好了。
mounted(){
window.updateData=this.updateData
}，
methods：{
updateData(data){
alert('数据更新了')
}
}
2.在外部js文件中直接调用data
updateData(data)
最近开发遇到了这个情况，产品的功能是通过vue和传统js结合开发，所以一些产品的功能是需要引入外部的js文件才能实...
1，变量引用外部js: vue实例文件 2，方法调用外部js: vue实例文件 3，变量引用外部js: vue实例文件
外部js文件 vue中引入外部js
可以以外部依赖的方式引入 xlsx ，具体的操作是修改 vue.config.js 文件： 使用的 cdn 链接是...
vue项目中，Index.js文件中引入外部的js文件，会在全局环境下生成一个对应的变量，如果想要在vue项目中使...
一、初始Vue 1、准备一个容器 2、引入vue.js文件 方式（1）引入本地vue.js文件 vue.js文件官...
Vue组件文件 头部 方式：methods 分为三部分 页面渲染——接口数据——操作逻辑 api文件 post与...
vue - main.js文件 vue文件使用：
Test Methods and Mock Dependencies in Vue.js with Jest 用J...
Vue.js 事件 在 vue 中，事件通过指令 v-on 进行绑定，v-on 缩写 @ 组件的 methods ...
本文标题：vue外部JS文件操作Vue的methods
本文链接：https://www.haomeiwen.com/subject/ikutectx.html
网友评论