0.1.23 • Published 3 years ago
vue-wexin-emojis v0.1.23
vue-wexin-emojis
微信表情包插件,查看在线实例
该插件已更名为👉vue-weixin-emojis,请前往获取最新版本。
安装
npm i vue-weixin-emojis -S
引入包
下载图片素材 qqface.png
// 引入安装包和样式
import WeixinEmojis from 'vue-weixin-emojis'
import 'vue-weixin-emojis/dist/vue-weixin-emojis.css'
// 将图片qqface.png放在项目中的静态文件夹中(如: /public 或 /src/statics目录下)
// url参数改成你放置的图片位置
Vue.use(WeixinEmojis, {url: 'path/to/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)
作者与应用
0.1.23
3 years ago
0.1.20
3 years ago
0.1.21
3 years ago
0.1.22
3 years ago
0.1.12
3 years ago
0.1.13
3 years ago
0.1.15
3 years ago
0.1.16
3 years ago
0.1.17
3 years ago
0.1.18
3 years ago
0.1.19
3 years ago
0.1.11
3 years ago
0.1.10
3 years ago
0.1.7
3 years ago
0.1.9
3 years ago
0.1.6
3 years ago
0.1.5
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago