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

},

网站导航