iview Table render使用div contenteditable作为编辑框显示问题

1、原来的写法

render: (h, params) => {

  return h('div', {

    class: 'editName',

    props: {

      value: params.row.name

    },

    attrs: {

      contenteditable: true

    },

    on: {

      'blur': event => {

         params.row.name = event.target.innerHTML

         this.headers[params.index].name = event.target.innerHTML

     }

  }

}, 'params.row.name')

在编辑框内输入aa会显示aaaa。

2、修改为以下内容

render: (h, params) => {

  return h('div', {

    class: 'editName',

    attrs: {

      contenteditable: true

    },

    domProps: {

      innerHTML: params.row.name

    },

    on: {

      'blur': event => {

        params.row.name = event.target.innerHTML

        this.headers[params.index].name = event.target.innerHTML

     }

  }

}, '')

显示正常