javascript - 从第三方库扩展vue.js组件

我正在使用来自element-ui的组件ElDatepicker，我想更改其模板和事件处理程序方法。
我正在尝试在单个文件组件中执行以下操作:

import Vue from 'vue';
import ElDatePicker from 'element-datepicker'
Vue.use(ElDatePicker)
var dpkr = Vue.component('ElDatePicker')
console.log(dpkr)
export default {
    extends: ['ElDatePicker']
}

但这是行不通的。我该如何更改？

https://github.com/ElemeFE/element/tree/dev/packages/date-picker-组件包

最佳答案

您的主要问题是扩展应该指定单个组件而不是数组。您应该引用组件而不是名称。

import Vue from 'vue';
import ElDatePicker from 'element-datepicker'

export default {
  extends: ElDatePicker
}

您发布的仓库来自element-ui

做npm install element-ui
然后:

import { DatePicker } from 'element-ui'
export default {
  // Use mixins for array syntax
  mixins: [DatePicker]
  // OR use extends without array
  extends: DatePicker
}