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

Question

我正在使用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 - 组件包

Answer 1

您必须首先使用 . 在您的项目中安装 Element UI npm install element-ui。然后你必须编辑你的 main.ts/main.js 文件并添加

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

这应该可以解决你的问题。如需更多帮助，请查看Element UI