Javascript 从第三方库扩展vue.js组件
我正在使用ElementUI中的组件ElDatepicker,我想更改它的模板和事件处理程序方法。 我尝试在单文件组件中执行类似的操作:Javascript 从第三方库扩展vue.js组件,javascript,vuejs2,vue.js,Javascript,Vuejs2,Vue.js,我正在使用ElementUI中的组件ElDatepicker,我想更改它的模板和事件处理程序方法。 我尝试在单文件组件中执行类似的操作: import Vue from 'vue'; import ElDatePicker from 'element-datepicker' Vue.use(ElDatePicker) var dpkr = Vue.component('ElDatePicker') console.log(dpkr) export default { extends: [
import Vue from 'vue';
import ElDatePicker from 'element-datepicker'
Vue.use(ElDatePicker)
var dpkr = Vue.component('ElDatePicker')
console.log(dpkr)
export default {
extends: ['ElDatePicker']
}
但它不起作用。我怎样才能改变它
-组件包您必须首先使用
npm安装元素UI
在项目中安装元素UI。
然后您必须编辑main.ts/main.js文件并添加
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
这应该能解决你的问题。要获得更多帮助,请查看您的主要问题是extends应该指定单个组件而不是数组。您应该引用组件,而不是名称
import Vue from 'vue';
import ElDatePicker from 'element-datepicker'
export default {
extends: ElDatePicker
}
您发布的回购协议来自元素ui
执行npm安装元素ui
然后:
是的,我需要改变它的功能,但我不知道如何回答你的问题?
import { DatePicker } from 'element-ui'
export default {
// Use mixins for array syntax
mixins: [DatePicker]
// OR use extends without array
extends: DatePicker
}