挖坑指南：如何在引用的外部js文件中获取vue页面实例？（独家）
原文链接
前言
在基于iView的后台项目中，表格组件是我们的老朋友了。实现如下的效果更是最基本的需求：
开始
在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用)，想要渲染这样的效果，代码如下：
升级2.x后，Table组件的render()也作了更改：
vue官方文档(render())：https://cn.vuejs.org/v2/guide/render-function.html
实践
在早期的版本中，我们可以将Table的column单独作为一个js文件，在页面中引入即可。避免页面内容过多，方便管理。
但是升级2.x之后，无法根据模板字符串进行渲染，也就无法直接调用页面中的方法。因为在外部引入的文件中，this的指向并不是当前的页面实例了。
那我们想把Table的column这部分内容分离开来，又该如何去做呢？
我们应该如何在外部的js文件中获取页面（该页面引用了该外部js）的对象呢？
如果我们能够把页面的实例传递到外部的js文件中，然后在外部js文件里是不是就可以使用了呢？
传递？应该怎么传？
什么可以传递值呢？
函数，将页面实例作为一个参数，在页面引用该外部js文件时，把当前的页面实例传递过去。
总结
遇到问题，多在纸上写几遍，有时候就突然想到了一个点，而且，它一直就在。
嘘寒问暖 不如打笔巨款~
挖坑指南：如何在引用的外部js文件中获取vue页面实例？（独家）相关推荐
- 从外部的js文件中获取ASPX页面的控件ClientID(get control reference from external javascript)...
前言 当使用MasterPage.UserControl等容器时,为了避免控件的重复命名,asp.net会自动将容器中的控件生成一个ClientID(Control Tree中的可生成,否则不会生成) ...
- vue的js文件中获取vue实例
1.main.js导出vue实例: 1 var vue = new Vue({ 2 el: '#app', 3 router, 4 components: { App }, 5 template: ' ...
- 外部js php变量,在外部JS文件中包含PHP变量？
我的解决方案结合了几种技术,其中一些已经在这个问题的答案中提到过. 是的,将PHP与JS分开 首先:是的,你应该将你的JS与PHP分开.您可以将其放在单独的文件中,但是您需要对当前代码进行一些更改.不 ...
- Web生产：外部JS文件中的绝对URL？
我想知道,您是否知道在外部JavaScript文件中指定绝对URL的最佳做法? 我正在寻找一种可维护的解决方案. 基本方案是当我需要在运行时通过javascript包含css文件或对某些URL进行aj ...
- 从外部JS文件中获出ASPX页面控件的ClientID
前言 当使用MasterPage.UserControl等容器时,为了避免控件的重复命名,asp.net会自动将容器中的控件生成一个ClientID(Control Tree中的可生成,否则不会生成) ...
- 外部js文件中调用pinia时，报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
分析原因:是pinia在main.js中还未注册好,便在其他文件中使用了它. 正确引用: src/stores/index.js文件 import { createPinia } from 'pini ...
- php+ajax+js注册源码,将Ajax封装至js文件中(用户注册源码实例）
register.jsp 用户注册 登录 请选择默认身份: 发布者 接收者 规范制定者 法律顾问 注册 register.js var xmlHttp=false; function createXM ...
- i18n如何在js文件中生效
在vue项目中引用vue-i18n实现语言切换功能,开发过程中发现,在vue文件中使用都可以,但是在js文件中直接使用$t('zhKey.首页')是不生效的. 下面是我研究出解决办法: // js文件 ...
- Angular7中引用外部JS文件
Angular7中引用外部JS文件,步骤如下: 1. 将引入的js文件放到项目的src/assets下 2. 在angular.json文件中找到scripts项并配置js文件的相对路径 3. 在sr ...
最新文章
- Linux文本处理必杀技之awk应用详解
- vue商品列表滚动效果_如何处理前端超长列表
- 美国大学生数学建模竞赛15大热点问题
- LeetCode 之Two Sum
- 如何使用验证控件对DropDownList进行验证
- ASP.NET Core 3.x启动时运行异步任务（一）
- Angular过滤器
- Android微信跳一跳，自动跳App实现
- Visual Studio中Debug和Release的区别
- found linux系统wget出现not_Java 9 AOT 试用：仅支持 64 位 Linux和java.base 模块编译
- Lombok学习笔记— 消除冗余java代码
- pdfjs实现pdf预览
- android webview最新版下载,AndroidWebView
- ETL数据同步工具Kettle简介
- 〈西游记〉中所有插曲、主题曲
- Access denied for user ‘bijian0530‘@‘localhost‘ (using password: YES)
- 淘宝无人直播赚钱模式
- Web.xml 错误或异常页面配置
- 财帮子（caibangzi.com）网站架构
- PM2.5传感器通过树莓派推送到ThingsPanel