render: (h,params) => { return h('div',{ style: { display: 'flex' } },[ h('i-input',{ props: { value: params.row.price }, on: { input: event => { console.log(event) console.log(params.index) console.log(this.data)，中this.data未定义

根据您提供的代码，我看到在render函数中使用了箭头函数，而箭头函数没有自己的this值，它会继承它所在上下文中的this值。因此，在箭头函数中，this指向的是它所在的上下文，而不是Vue组件实例。所以，在这种情况下，this.data未定义，因为它不是指向Vue组件实例的。

要解决这个问题，您可以将箭头函数改为普通函数，并使用bind()方法将this绑定到Vue组件实例。例如，您可以将代码修改为：

render: function(h, params) {
    return h('div', { style: { display: 'flex' } }, [
        h('i-input', {
            props: {
                value: params.row.price
            },
            on: {
                input: function(event) {
                    console.log(event);
                    console.log(params.index);
                    console.log(this.data);
                }.bind(this)
            }
        })
    ]);
}

这样，this.data就可以正确地指向Vue组件实例了。

相关问题

title: 'AppKey', key: 'ak', ellipsis: { tooltip: true, }, render(row) { return [ h( NPopover, { trigger: 'hover', }, { trigger: () => { return h( NButton, { strong: true, secondary: true, type: 'info', size: 'small', style: 'margin-left: 5px;font-size:10px;', }, { default: () => '┅' }, ) }, default: () => { return h( NSpace, { vertical: true, }, { default: () => { return [ h( NButton, { secondary: true, type: 'success', size: 'small', onClick: () => CopyText(row.ak), }, { default: () => '复制', quaternary: true }, ), ] }, }, ) }, }, ), ] },怎么样能够在表格内显示内容，在内容右边显示‘...’鼠标放上去显示复制按钮

您可以使用Naive UI的`NPopover`组件来实现在内容右边显示省略号和鼠标放上去显示复制按钮的效果。以下是一个示例代码，可以在表格中的AppKey列中实现该效果：

{
  title: 'AppKey',
  key: 'ak',
  ellipsis: {
    tooltip: true,
  },
  render(row) {
    return [
      h(
        NPopover,
        {
          trigger: 'hover',
        },
        {
          trigger: () => {
            return h(
              NButton,
              {
                strong: true,
                secondary: true,
                type: 'info',
                size: 'small',
                style: 'margin-left: 5px;font-size:10px;',
              },
              { default: () => '┅' }
            );
          },
          default: () => {
            return h(
              NSpace,
              {
                vertical: true,
              },
              {
                default: () => {
                  return [
                    h(
                      NButton,
                      {
                        secondary: true,
                        type: 'success',
                        size: 'small',
                        onClick: () => CopyText(row.ak),
                      },
                      { default: () => '复制', quaternary: true }
                    ),
                  ];
                },
              }
            );
          },
        }
      ),
      h(
        NTooltip,
        {},
        {
          default: () => {
            return h(
              'span',
              {
                style: {
                  display: 'inline-block',
                  maxWidth: '100%',
                  verticalAlign: 'middle',
                  overflow: 'hidden',
                  textOverflow: 'ellipsis',
                  whiteSpace: 'nowrap',
                },
              },
              row.ak
            );
          },
        }
      ),
    ];
  },
},

在该代码中，我们在`render`函数中使用了`NPopover`和`NTooltip`组件来实现省略号和鼠标放上去时显示复制按钮的效果。具体地，我们在表格列中返回了一个数组，其中第一个元素是`NPopover`组件，用于实现省略号效果，第二个元素是`NTooltip`组件，用于将表格内容显示为文本，并实现鼠标放上去时显示完整内容的效果。同时，我们还使用了`NSpace`组件来将复制按钮和省略号垂直排列。

怎么在 render: () =><a>action</a>里加方法

你可以将方法写在render方法外，在调用的时候直接调用。例如：

method = () => {
  // your code here
}

render() {
  return (
    <a onClick={this.method}>action</a>
  );
}

这样在点击`<a>`标签时，就会调用`method`方法。