Question

有关 vue render函数事件绑定的问题

Vue.component('my-btn', {
render: function(createElement) {
return createElement('div', {}, [
createElement('button', {
domProps:{
innerHTML:'上传视频'
},
attrs: {
class: 'btn',
},
on: {
click: function(e) {
var input = e.target.nextElementSiblings;
input.onchange = function(){
alert("触发了change事件");
}
}
}

}),
createElement('input', {
attrs: {
type: 'file',
},
style: {
display: 'none',
}
})
])
};
});
这是一个render函数,为什么我在button中绑定input file的change事件 触发不了

Answer 1

vue将数据绑定到组件的原理如下： 1、当实例化一个Vue构造函数，会执行 Vue 的 init 方法，在 init 方法中主要执行三部分内容，一是初始化环境变量，而是处理 Vue 组件数据，三是解析挂载组件。以上三部分内容构成了 Vue 的整个执行过程。