更新记录

1.3（2020-08-13） 下载此版本

这个插件已经不推荐使用，我找到了更好的解决办法，只不过已经发布的插件好像没法下架，所以我一直也没有下架。如果大家遇到的问题和我的一样，并且大家的发送按钮点击事件用的是@tap或者@click。那么咱们遇到的问题就是一样的。这时候你把事件替换成@touchend.prevent 事件，问题就解决了，再点击发送的时候文本框就不会失焦了。

<view class="send-button" @touchend.prevent="send" hover-class="send-button-hover">

1.2（2020-08-03） 下载此版本

1：解决点击发送后没有切换的BUG 2：修改文档错误

1.1（2020-08-03） 下载此版本

首次发布

平台兼容性

欢迎使用cul-chat

cul-chat是一个聊天界面UI

这是我遇到的一个问题，然后自己做出的解决办法，目前已经解决了我的问题，现在分享出来给大家使用。别的我也没有深入的去弄了，因为我这边软件仅需要考虑安卓系统，所以H5、小程序、IOS、NVUE等等是否存在兼容问题，我并不能确定。如果插件不能解决你的问题或者你无法使用，可以在评论区留言，共同探讨解决办法。>这是我遇到的一个问题，然后自己做出的解决办法，目前已经解决了我的问题，现在分享出来给大家使用。别的我也没有深入的去弄了，因为我这边软件仅需要考虑安卓系统，所以H5、小程序、IOS、NVUE等等是否存在兼容问题，我并不能确定。如果插件不能解决你的问题或者你无法使用，可以在评论区留言，共同探讨解决办法。

安装

在开启easycom以后，无需引入，在页面直接使用即可

<cul-chat anotherAvatar="/static/girl.png" meAvatar="/static/boy.png" scrollHeight="500" @submit="sendMsg"></cul-chat>

如果使用的是老版本的Hbuilder，还需要引入，那就按照正常的引入流程

在 script 中引用组件

import culChat from '@/components/cul-chat/cul-chat.vue'
export default {
    components: {
        culChat
    }
}

在 template 中使用组件

<cul-chat anotherAvatar="/static/girl.png" meAvatar="/static/boy.png" scrollHeight="500" @submit="sendMsg"></cul-chat>

属性说明

事件说明

submit参数