vue.js客服系统实时聊天项目开发（九）热门常问关键词展示

唯一Chat

发布于 2023-02-17 11:45:54

3910

发布于 2023-02-17 11:45:54

文章被收录于专栏：陶士涵的菜地

在聊天输入框的上方，一般会展示一些常问的关键词，访客点击以后直接回复设置的回答

展示效果如下图所示：

直接通过接口获取数据，循环展示数据就可以了

            //获取常问关键词
            getTopRequest(){
                var _this=this;
                let entId=tools.getQuery("ent_id");
                this.visitor.ent_id=entId;
                this.$axios.get(this.ApiHost+'/other/getTopQuestion?ent_id='+entId).then(function (response) {
                    let result=response.data.result;
                    if(result.hotQuestion){
                        let hotQuestion=result.hotQuestion.replace("，",",").split(",");
                        _this.question.hotQuestion=hotQuestion;
                    }

                    console.log(hotQuestion);
                }).catch(function (error) {
                });
            },

模板中循环数组

            <div class="hotQuestions" v-if="question.hotQuestion.length!=0">
                <a class="slideInRightItem"  v-for="row in question.hotQuestion">{{row}}</a>
            </div>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-01-29 ，如有侵权请联系 cloudcommunity@tencent.com 删除

接口