实现以下element的js分装

Question

问题遇到的现象和发生背景

想分装一个联动的选择下拉框

遇到了瓶颈
不知道怎么在这里添加change事件

Answer 1

on 是一个对象 $listeners 也是个对象

你可以用解构对 特殊方法进行自定义触发

on:{
...this.$listeners,
// 触发父元素的input事件，然后执行 对应的监听
input: function (event) {
self.$emit('input', event.target.value)
}
}

再有就是 你 render函数都用上了，下个插件 整 jsx 吧 会比 ast 这种写法简便很多