解决在vue中使用render渲染element ui无法添加class的问题

需要使用element ui在table中嵌入el-input
在使用render对el-input进行渲染后，觉得样式不好看，想要在el-input中添加一个自定义的class
直接使用下面这种方式添加class发现无法添加

{ prop: 'valueTo', label: '数值(到)',
	render: (h, params) => {
		return h('el-input', { attrs: { value: params.row.valueTo }, class: 'input-deep' }, params.row.valueTo)
	}
}

点开浏览器控制台可以发现，class="input-deep"已经添加了，但并没有加在input标签上，而是添加在了div标签上

其中，添加的input-deep要使用样式穿透的方法才能使样式生效

<style scoped>
.input-deep >>> .el-input__inner {
  border: 0px;
  background-color: transparent;
  height: 20px;
}
</style>