iview中表格根据条件渲染

最新推荐文章于 2024-07-18 15:01:19 发布

原创最新推荐文章于 2024-07-18 15:01:19 发布 · 697 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在iView框架中使用Render函数实现不同状态渲染的方法。通过具体示例，展示了如何根据shopAtive属性的不同值（0或1），动态渲染'营业中'或'休息中'的文本。

iview中render的再次使用

{
    title: '状态',
    key: 'shopAtive',
    align: 'center',
    render: (h, params) => {
        let resultStr = ''
        if(params.row.shopAtive === 1){
            resultStr = '营业中'
        }else if(params.row.shopAtive === 0){
            resultStr = '休息中'
        }
        return h('div',resultStr);
    } }