![](/img/trans.png)
[英]Is it possible for Vue.js to automatically update the view when a third-party JSON is updated?
[英]Extend vue.js component from third-party library
我正在使用 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
}
您必须首先使用npm install element-ui
在项目中安装 Element UI。 然后你必须编辑你的 main.ts/main.js 文件并添加
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
这应该可以解决您的问题。 如需更多帮助,请查看Element UI
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.