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

junbaor 发布于2019-08-26 12:23 / 2685人阅读

摘要：使用中的表格时避免不了使用函数渲染自定义内容，或者渲染组件。但是在正常使用时出现了传值无法识别，按照官网介绍使用如下直接使用赋值无法识别要将转写成，这样就可以正常传值啦

使用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",
            },
           
            
        })
    ])
}

GPU云服务器云服务器 table td问题 extjs出现问题接口出现问题了访问出现404问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108592.html

iview 使用总结

摘要：开发后台系统问题总结项目参考了用了包裹页面进行缓存点击可切换不会重新渲染在特定页面比如详情页需要每次刷新的时候添加进行相关的刷新导致了另外一个问题最初跳转时用的传参刷新参数就没了特改为传参涉及到关闭点击等多个问题用存储数据并做了最大限 vue+iview 开发后台系统问题总结项目参考了iview-admin tags 用了keep-alive 包裹 router-view,页面进行...

王陆宽 2019-08-23 10:51 评论0 收藏0
iview Table表格组件无法拆分单元格的解决思路

摘要：因为我们项目中首要的是单元格拆分的，因此以拆分为例。使用函数对表格组件的表格列配置数据进行动态改造，普通单元格渲染标签呈现数据，要拆分的单元格渲染原生标签最后隐藏嵌套表格的边框及调整相关原生表格样式。最近在开发的Vue项目中，使用了iview第三方UI库;对于表格组件的需求是最多的，但是在一些特定场景下，发现iview的表格组件没有单元格合并与拆分的API，搜了一下发现很多同学提问关...

songze 2019-08-23 11:46 评论0 收藏0
Vue中你不知道但却很实用的黑科技

摘要：最近数月一直投身于的开源工作中，完成了大大小小多个组件，在组件化开发中积累了不少经验。在开发全局提示组件通知提醒组件对话框组件时，内部都是使用来渲染，但却是来隐式地创建这些实例，这样我们就可以像标题这样使用，但其内部还是通过来管理。最近数月一直投身于 iView 的开源工作中，完成了大大小小 30 多个 UI 组件，在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科...

Heier 2019-08-22 10:47 评论0 收藏0