vue中msgbox的使用；如何在msgbox中新增一个输入框组件传值给后台

export default {
    data () {
      return {
        endReason: ''
      }
    },
    methods: {
		endFlw(item) {
			const h = this.$createElement;
			this.$msgbox({
			  title: '消息',
			  message: h('p', null, [
				h('span', null, '确认结束流程号为：'),
				h('i', { style: 'color:red' }, '+item.flwNo+'),
	　　　　　　　　　　　　　　 h('span', null, '的流程吗？结束原因'),
				h('i', { style: 'color:red' }, '(必填)'),
				h('span', null, ':'),
				h("div", null, [
				  h("input", {
					style: {
					  marginTop: "20px"
					},
					attrs: { value: this.endReason, id:"hinput"},
					on: {input: this.handleClick}
				  })
				])
			  ]),
			  showCancelButton: true,
			  confirmButtonText: '确定',
			  cancelButtonText: '取消',
			  beforeClose: (action, instance, done) => {
				if (action === 'confirm') {
				  // 这里可以通过this.endReason获取input框的输入值传入后台了
				} else {
				  ....
				}
			  }
			}).then(action => {
			  this.$message({
				type: 'info',
				message: 'action: ' + action
			  });
			});
		},
	  
		handleClick() {
			var a=document.getElementById("hinput").value;
			this.endReason = a
		}
    }
}