render input 双向绑定

最新推荐文章于 2024-04-28 11:34:45 发布

原创最新推荐文章于 2024-04-28 11:34:45 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#iview render input #ivew #render #input

前端iview 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何在前端开发中使用render方法自定义表格列展示，实现input元素的双向绑定，通过具体代码示例，详细解释了绑定过程及其实现方式。

有时候我们需要自定义表格列展示，需要用render，对于render内容列input的双向绑定方法：

  render: (h, params) => {
            return h('Input', {
              props: {
                clearable: true,
                type: 'text',
                value: this.paramsConfigList[params.index].value
              },
              on: {
                'on-blur': event => {
                  this.paramsConfigList[params.index].value =
                    event.target.value;
                }
              }
            });
          }