iview table表中使用render函数props传值出现问题

2024年5月13日 107次阅读 来源: N_饼干

使用iview中的table表格时避免不了使用render函数渲染自定义内容，或者渲染组件。但是在正常使用时出现了props传值无法识别，

按照官网介绍使用props如下：

render: (h, params) => {
    return h('div', [
        h('Input', {
            props: {
                value: params.row.maxCommissionAmount,
                type: 'number',
                min:'0'
            },                                   
            style: {
              width: '100%',
              height: '25px',
              border: '1px solid #dcdee2',
              borderRadius: '4px',
              textAlign: 'center',
              outline: 'none',
            },
           
            
        })
    ])
}

直接使用props赋值无法识别

要将props转写成domProps，这样就可以正常传值啦

render: (h, params) => {
    return h('div', [
        h('Input', {
            domProps: {
                value: params.row.maxCommissionAmount,
                type: 'number',
                min:'0'
            },                                   
            style: {
              width: '100%',
              height: '25px',
              border: '1px solid #dcdee2',
              borderRadius: '4px',
              textAlign: 'center',
              outline: 'none',
            },
           
            
        })
    ])
}
    原文作者：N_饼干
    原文地址: https://segmentfault.com/a/1190000017030831
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞