vwe

vue-weixin-emojis

Vue微信表情插件

Showing:

Popularity

Downloads/wk

18

GitHub Stars

8

Maintenance

Last Commit

3mos ago

Contributors

0

Package

Dependencies

2

Size (min+gzip)

15.9KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

vue-weixin-emojis

微信表情包插件,查看在线实例

安装

npm i vue-weixin-emojis -S

引入包

// 引入安装包和样式
import WeixinEmojis from 'vue-weixin-emojis'
import 'vue-weixin-emojis/dist/vue-weixin-emojis.css'
Vue.use(WeixinEmojis)

可选项

如果你希望表情图片放在你们的服务器中,可将图片qqface.png放在项目的静态文件夹中(如: /public 或 /src/statics目录下)。并将url参数改成你放置的图片的位置。

Vue.use(WeixinEmojis, {url: 'path/to/qqface.png'})

图片素材 qqface.png

使用

表情面板组件,展示所有微信表情,点击会自动给value赋上相应表情key值

<emoji-picker v-model="value" height="300px" button/>

在转换成表情的地方使用以下方法

// 需要在vue组件(实例)中调用
this.value = this.$string2emoji(this.value)
// 修改已发出的表情,使用以下方法
this.value = this.$emoji2string(this.value)

作者与应用

欢迎添加作者微信

使用了此插件的H5小应用

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100