Vue组件:做一个表情输入键盘

用H5写一个表情键盘,真的很麻烦,在Vue项目中,更麻烦,调试的过程太痛苦了,不过我在之前的一篇博文里,谈到了如何在移动端进行调试,欢迎大家交流,互相学习.

--------------------------正文-----------------------------

整体思路:

   ①在一个评论组件comment.vue中嵌套一个表情键盘组件emoji.vue

   ②如何获取到键盘高度?这个问题昨天百度了半天,发现js无法实现 微笑脸 

    询问了原生的同事,他们的思路是这样:点击输入表情的那个按钮时,隐藏虚拟键盘,显示表情键盘,再点时反之

做法:

①先做好表情键盘的样式,这个不再赘述,滑动的需求用swiper实现.写样式一定要有耐心,慢慢调试~

黄色的那个相当于按钮,展示表情键盘或者隐藏

 

②父子组件传值

点击表情,或者删除表情,都是在子组件中完成的,子组件完成之后将字符串传给父组件, 子==>父

我们使用 this.$emit('click',value),然后在父组件中绑定一个@click事件,比如 @click='test'

在methods中

test(value){
    c