增加表情点击

static/html/chat_page.html

@@ -113,7 +113,7 @@
             <el-input type="textarea" class="chatArea" v-model="messageContent" v-on:keyup.enter.native="chatToUser"></el-input>
             <div class="faceBox">
                 <ul class="faceBoxList">
-                    <li class="faceIcon" v-for="v in face"  :title="v.name"><img :src="'/static/images/face/'+v.path"></li>
+                    <li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face"  :title="v.name"><img :src="'/static/images/face/'+v.path"></li>
                 </ul>
                 <div class="clear"></div>
             </div>
@@ -391,13 +391,6 @@
                             $('.faceBox').show();
                         }
                     });
-                    $(".faceIcon").click(function(){
-                        debugger;
-
-                        var title=$(this).attr("title");
-                        _this.messageContent+="face"+title;
-                        $('.faceBox').hide();
-                    });
                 });
             },
             //心跳
@@ -422,8 +415,9 @@
                 };
             },
             //表情点击事件
-            showFace(){
-
+            faceIconClick(index){
+                $('.faceBox').hide();
+                this.messageContent+="face"+this.face[index].name;
             }
         },
         created: function () {