有没有办法从导入它的组件文件中编辑外部Vue.js插件？

Question

例如，我使用vue-charts.js并将其导入到根组件中：

import VueChartjs from 'vue-chartjs';

Vue.component('bar-chart', {
  extends: VueChartjs.HorizontalBar,
...
})

现在，VueChartjs是Charts.js的包装器，因此该组件自带了自己的模板。我希望能够在VueChartjs.HorizontalBar或我安装它的组件bar-chart中编辑该模板。

有没有办法在这个根组件中做到这一点？

Answer 1

您不能编辑vue-chartjs组件的模板。由于扩展，所有的方法、属性等都将被合并。如果某些属性或方法是重复的，Vue的合并策略将使用您的本地属性或方法，而不是基类中的属性或方法。

然而，Vue没有针对模板的合并策略。因此，您只能完全覆盖模板。查看vue-chartjs的git代码库，查看模板语法，因为需要一些属性和ids。然后你可以在你的基础组件中替换它。