吕先森
吕先森
  • 发布:2021-11-24 19:05
  • 更新:2021-12-07 12:08
  • 阅读:998

【报Bug】rich-text 里面 itemclick无法触发

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macos 12

HBuilderX类型: 正式

HBuilderX版本号: 3.2.15

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 模拟器

手机机型: iphone 11

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

容器

<rich-text :nodes="creatListNode(x)" :selectable="false" class="rich-text" @itemclick="test">  

构造数据

creatListNode(item){  
            let name = `{  
                name: 'a',  
                attrs: {  
                    class: 'name',  
                    style:'color: #4e5c7f;font-size: 36rpx;line-height: 48rpx;',  
                    href:'https://www.baidu.com/',  
                    pseudoRef:'1222'  
                },  
                children: [  
                    {  
                        type: 'text',  
                        text: '${item.nickname}'  
                    }  
                ]  
            },`;  
            let reply = item.parentId != '0'?`{  
                name: 'span',  
                attrs: {  
                    class: 'reply'  
                },  
                children: [  
                    {  
                        type: 'text',  
                        text: '回复'  
                    }  
                ]  
            },`:'';  
            let replyName = item.parentId != '0'?`{  
                name: 'a',  
                attrs: {  
                    class: 'name',  
                    style:'color: #4e5c7f;font-size: 36rpx;line-height: 48rpx;',  
                    href:'https://www.baidu.com/',  
                    pseudoRef:'1222'  
                },  
                children: [  
                    {  
                        type: 'text',  
                        text: '${item.replyName}'  
                    }  
                ]  
            },`:'';  
            let colcon = `{  
                name: 'span',  
                children: [  
                    {  
                        type: 'text',  
                        text: ':'  
                    }  
                ]  
            }`  
            let content = ''  
            let loop = []  
            let first_arr = item.jugeContnet.split(/\#[\u4E00-\u9FA5]{1,3}\;/);  
            let emotions = item.jugeContnet.match(/\#[\u4E00-\u9FA5]{1,3}\;/g);  
            first_arr.forEach(i=>{  
                if(i===''){  
                    if(emotions.length){  
                        loop = loop.concat(eval(`[{  
                            name: 'img',  
                            attrs:{  
                                class:'img',  
                                src:'${emotionImgSrc(emotions.shift())}',  
                                style:'width:20px;height:20px'  
                            }  
                        }]`))  
                    }  
                }else{  
                    loop = loop.concat(eval(`[{  
                        name: 'span',  
                        children: [  
                            {  
                                type: 'text',  
                                text: '${i}',  
                                style:'color: #000;font-size: 36rpx;line-height: 48rpx;'  
                            }  
                        ]  
                    }]`))  
                }  
            })  
            console.log(eval('['+name+reply+replyName+colcon+']').concat(loop))  
            return eval('['+name+reply+replyName+colcon+']').concat(loop)  
        }

有a标签,有href,有pseudoRef,但是itemclick无法触发

操作步骤:

点击姓名,需要获取信息,并且执行跳转

预期结果:

事件响应,获取点击元素的信息

实际结果:

点击姓名没有事件响应

bug描述:

rich-text 里面 itemclick触发不了

2021-11-24 19:05 负责人:DCloud_UNI_LXH 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

nvue 暂不支持此功能

该问题目前已经被锁定, 无法添加新回复