不过了了
2019-06-22 17:46
采纳率: 100%
浏览 667

vue如何通过render渲染出不同的显示,具体问题如下

本来想要实现下面的效果:
期望达到的效果
我自己这么写的,最后面的*不会变成红色

render: (h, params) => {
                            return h('a', {
                                style: {
                                    cursor: 'pointer'
                                }
                            }, params.row.ItemName + '<style="color:red">*');
                        }

render里面该怎么拼接才会实现图片所演示的效果呢?求大神帮忙不胜感激

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 会飞的咕咕鱼 2019-06-24 14:40
    已采纳

    图片说明

     render: (h) => {
                    return h('div', { 
                        style: {                      
                            cursor: 'pointer'                   
                        },
                        on: {
                            click: () => {
                                console.log('点击事件')
                            }
                        },
                        domProps: {
                            innerHTML: `类别<span style="color:red">*</span>`
                        }
                    })
                }
    
    已采纳该答案
    打赏 评论
  • 不过了了 2019-06-24 15:08
    render: (h, params) => {
                                    return h('span', {
                                        style: {}
                                    },
                                        [h('span',
                                            {
                                                style: {}
                                            }, params.row.ItemName),
                                        h('span', {
                                            style: {
                                                color: 'red',
                                            }
                                        }, "*")]
                            }
    
    打赏 评论

相关推荐 更多相似问题