Zj-plugin-chat-customer NPM

zj-plugin-chat-customer

插件依赖于 element-ui, vuex 等，请安装并注册。

注意

插件需要结合 vuex 使用！！！
open 方法必须放到@click 事件中执行，且前面不能有异步请求

安装

npm install zj-plugin-chat-customer@latest -S

1.注册

// 在 main.js 注册
import store from './store'
import ZjCustomer from 'zj-plugin-chat-customer'
// 安装插件
Vue.use(ZjCustomer, { store })

2. 使用

// 传参
<zj-customer
  ref="customerRef" // 经营帮各模块请使用项目中类似VUE_APP_NAME的变量传入，以区分不同环境
  :env="variable"
  :imUser="variable"
  :title="variable"
  @closed=""
></zj-customer>

// 打开窗口（open事件要放到click事件中执行）
this.$refs.customerRef.open()

配置参数

1. Props

name	Description	type	default
env	项目运行环境变量（必填）各环境传入其中一种变量即可	String	测试：'dev'，'development'，'test'，'testing'; 预发：'pre';生产：'pro'，'prod'，'production'
ref	用于打开窗口（必填）	String	customerRef
title	窗口标题（选填）	String	中钧客服
imUser	用户 im 信息，参数格式如下（必填）	Object	{ }

 imUser = {
    token: "",      //imToken
    accountId："",  //imAccount
 }

*env 说明

请传入项目中能代表不同环境下相应的变量，例如现在项目中的 VUE_APP_NAME，或者自己配置的环境变量（VUE_APP_XXXX）

 举个栗子，以VUE_APP_NAME为例：
 测试环境：VUE_APP_NAME = dev 或 development 或 test 或 testing // 其中任何一个就行
 预发环境：VUE_APP_NAME = pre // 预发仅支持这一种
 生产环境：VUE_APP_NAME = pro 或 prod 或 production
 参照上面配置参数中支持的环境变量传入即可。