码迷,mamicode.com
首页 > 其他好文 > 详细

vue事件委托发送表情

时间:2019-04-06 09:43:10      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:his   pre   src   cas   tag   hat   事件委托   html   class   

子组件的外层容器里添加个方法

sendEmoji(e) {
      //console.log(e);
      //发送给父组件
      this.$emit("sendEmoji", e);
    }

 父组件中

<div ref="emoji">
      <emoji :getEmoji="getEmoji" ref="emoji" @sendEmoji="sendEmoji"/>
    </div>

 

//点击表情框表情
    sendEmoji(e) {
      //console.log(e)
      let target = e.target || e.srcElement;
      if (!!target && target.tagName.toLowerCase() === "span") {
        this.chatValue += target.innerHTML;
      }
      e.stopPropagation();
    },

 

vue事件委托发送表情

标签:his   pre   src   cas   tag   hat   事件委托   html   class   

原文地址:https://www.cnblogs.com/kimm/p/10660660.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!