vue实例中调用外部js_js文件中引用vue实例对象

原因

我使用了iView的框架，想要把表格的配置提取出来，但是表格里面的操作需要用到this，所以就需要在js文件中引用vue实例。

方法

utils - local-data.js

// vue实例

let newVue = {

obj: null

}

// iView表格部分代码，将columns暴露出去，在需要的地方引入

{

title: '操作',

key: 'operatorCode',

align: 'center',

width: 200,

render: (h, params) => {

return h('div', [

h('Button', {

props: {

type: 'text',

size: 'small'

style: {

color: '#FC9153'

on: {

click: () => {

newVue.obj.getDetail(params.row.id)

}

}, '详情'),

// ...

]);

}

export { newVue }

使用表格的组件

import { newVue } from '@/utils/local-data'

created () {

newVue.obj = this

网站导航

vue实例中调用外部js_js文件中引用vue实例对象相关推荐

html调用外部js文件乱码,引用的js文件有中文时乱码
Javascript 代码比较多时,通常把代码保存到一个独立的 js 文件中,这样不但利于减少 html 文件长度好布局修改,而且利于搜索引擎蜘蛛抓取.把 Javascript 代码放到 js 文件后 ...
visual studio 2008 html中调用外部css文件,的Visual Studio 2008 IDE冻结/崩溃打开.aspx文件中使用CSS时包括...
随时随地他们赖以它冻结(即完全没有响应),我必须使用任务管理器关闭它. 我已阅读了很多关于Visual Studio 2008在查看某些源文件时崩溃的问题.但是,我仍然无法解决这个问题. 我已经系统地 ...
vue实例中调用外部js_vue中引入外部js方法实例
我们在做vue项目时,经常会需要引入js,常用的有以下几种.本文主要和大家分享vue中引入外部js方法实例,希望能帮助到大家. 第一种import XX from "路径" Vue ...
技巧：在Silverlight中如何访问外部xap文件中UserControl
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/87094 ...
安卓手机如何打开php文件夹,Android_Android中调用系统的文件浏览器及自制简单的文件浏览器，调用系统自带的文件浏览器- phpStudy...
Android中调用系统的文件浏览器及自制简单的文件浏览器调用系统自带的文件浏览器这很简单: /** 调用文件选择软件来选择文件 **/ private void showFileChooser() ...
Oracle 中调用外部C动态库函数
Oracle 中调用外部C动态库函数分类: Oracle 2016-08-20 05:24:52 原文地址:Oracle 中调用外部C动态库函数作者:libydwei2007 由于项目为了缩短开发 ...
外部js php变量,在外部JS文件中包含PHP变量？
我的解决方案结合了几种技术,其中一些已经在这个问题的答案中提到过. 是的,将PHP与JS分开首先:是的,你应该将你的JS与PHP分开.您可以将其放在单独的文件中,但是您需要对当前代码进行一些更改.不 ...
CDR插件开发之CPG插件018 - 在CPG插件中调用外部EXE程序并传递参数
在上篇文章中,讲解了CPG插件在VS2019中实现调试的具体方法.本文以具体代码为例,讲解在CPG插件中调用外部EXE程序,并传递运行参数的方法. 工程搭建准备按照惯例,本篇文章的序号为018,请直 ...
jsp中引入外部js文件发生中文乱码
jsp中引入外部js文件发生中文乱码前言排查解决问题前言我在写作业时发现自己的作业出现中文乱码排查我先检查了一番根据F12找到了span标签的id,在编译器中进行搜索找到找到了语句的所 ...

vue实例中调用外部js_js文件中引用vue实例对象

vue实例中调用外部js_js文件中引用vue实例对象相关推荐

最新文章

热门文章