vue事件委托发送表情

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

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();
    },