我正在使用来自 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 - 组件包
最佳答案
您的主要问题是 extends 应该指定单个组件而不是数组。您应该引用组件而不是名称。
import Vue from 'vue';
import ElDatePicker from 'element-datepicker'
export default {
extends: ElDatePicker
}
您发布的repo 来自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
}
关于javascript - 从第三方库扩展 vue.js 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42049367/