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

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

展示效果如下图所示：

 

 

 

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

//获取常问关键词
            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>

 

十年开发经验程序员，离职全心创业中，历时三年开发出的产品《唯一客服系统》

一款基于Golang+Vue开发的在线客服系统，软件著作权编号：2021SR1462600。一套可私有化部署的网站在线客服系统，编译后的二进制文件可直接使用无需搭开发环境，下载zip解压即可，仅依赖MySQL数据库，是一个开箱即用的全渠道在线客服系统，致力于帮助广大开发者/公司快速部署整合私有化客服功能。

开源地址：唯一客服（开源学习版）