vue事件委托发送表情
Posted kimm
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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();
},
以上是关于vue事件委托发送表情的主要内容，如果未能解决你的问题，请参考以下文章