vuejs2 - 是否可以在没有构建器的情况下将 ag-grid 与 vue 一起使用?

标签 vuejs2 ag-grid

特别是 ag-grid-vue 组件的 typescript 源是否可以编译然后包含在常规 html 文件中?

最佳答案

我找到了一种无需修改源代码即可执行此操作的方法。在 ag-grid-vue.umd.js 的顶部附近,您可以看到该模块执行以下操作:

root["ag-grid-vue"] = factory(root["Vue"], root["agGrid"]);

在这里,“root”是窗口,工厂调用的结果就是您想要的。但是由于破折号,您无法直接访问它。但您可以使用字典语法(或任何名称):

let agVueObj = window["ag-grid-vue"];
//The component is a field on this object:
let AgGridVue = agVueObj.AgGridVue;
//Then register it as a component in your Vue instance:
//components: { AgGridVue }

你应该可以使用 <ag-grid-vue>标签。

关于vuejs2 - 是否可以在没有构建器的情况下将 ag-grid 与 vue 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56334844/

相关文章:

javascript - ag-grid 渲染具有背景颜色的行

javascript - 如何在组件中使用 Vue mixin 方法

javascript - 在 v-navigation-drawer 关闭的情况下加载网站

javascript - Vue 2 : Unable to find method on click event from component

javascript - ng-click 在 ag-grid 标题模板内

typescript - AG-Grid:根据条件在网格中显示某些 "action"按钮

events - 如何通过自定义指令修改 v-model 属性的值?

vue.js - 如何在 vue.js 组件的 props 数组中混合不同的数据类型?

angular - 加载网格后无法更改 overlayNoRowsTemplate

angular - ag-grid 修改日期过滤器显示