iview 使用 render 渲染后 i-input 使用 h 方法包裹，实现双向数据绑定

iview render方法实现双向数据绑定

使用iview的render方法结合h函数可以创建i-input组件，并实现双向数据绑定。具体步骤如下：

• 创建i-input组件：在render方法中使用h函数创建i-input组件实例。
• 设置value属性：将i-input的value属性绑定到父组件的数据上，确保数据的同步。
• 监听输入事件：通过监听i-input的on-input事件，更新父组件的数据，实现双向绑定。

具体实现

• 定义render方法：在表格列的render方法中，使用h函数创建i-input组件。
• 绑定value属性：将i-input的value属性设置为当前行数据的特定字段，例如params.row.state。
• 添加事件监听：为i-input添加on-input事件监听器，当输入框内容变化时，调用父组件的方法更新数据。

render: (h, params) => {
  return h('i-input', {
    props: {
      value: params.row.state
    },
    on: {
      'on-input': (val) => {
        // 更新父组件数据
        this.updateData(params.row, val);
      }
    }
  });
}

• 更新数据方法：在父组件中定义updateData方法，根据传入的行数据和新值更新tableList中的数据。36