taro 抖音小程序,button 唤起抖音客服无效

ibps3vxo  于 6个月前  发布在  其他
关注(0)|答案(8)|浏览(65)

相关平台

字节跳动小程序

小程序基础库: 2.88.0.4
使用框架: React

复现步骤

open-type="im"
          data-im-id="h.hyy"
          bind-im={()=>{
            console.log('1233')
          }}
          bind-error={()=>{
            console.log('2222')
          }}
        >
          跳转 IM
        </button>```

也用了插件注入,都不行

```plugins: [
    // 引入 npm 安装的插件,并传入插件参数
    [
      "@tarojs/plugin-inject",
      {
        components: {
          //给button 添加im客服能力
          Button: {
            "data-im-id": "h.hyy",
            "bindim":'',
            "binderror":'',
          },
        },
      },
    ],
  ],```

### 期望结果
能够唤起抖音客服

### 实际结果
点击button没有反应

### 环境信息

👽 Taro v3.6.8teractive shell is now zsh.
To update your account to use zsh, please run chsh -s /bin/zsh .
For more details, please visit https://support.apple.com/kb/HT208050 .
Taro CLI 3.6.8 environment info:
System:
OS: macOS 13.2
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 14.15.0 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 6.14.8 - /usr/local/bin/npm
npmPackages:
@tarojs/components: 3.4.9 => 3.4.9
@tarojs/mini-runner: 3.4.9 => 3.4.9
@tarojs/plugin-framework-react: ^3.4.9 => 3.4.9
@tarojs/react: 3.4.9 => 3.4.9
@tarojs/runtime: 3.4.9 => 3.4.9
@tarojs/taro: 3.4.9 => 3.4.9
@tarojs/webpack-runner: 3.4.9 => 3.4.9
babel-preset-taro: 3.4.9 => 3.4.9
eslint-config-taro: 3.4.9 => 3.4.9
react: ^17.0.0 => 17.0.2

<!-- generated by taro-issues. 请勿修改或删除此行注释 --><!--labels=T-tt,V-3,F-react-->
mkshixfv

mkshixfv1#

@liumingsongning 找到解决方案了么,看到这个问题有点不敢用了

knpiaxh1

knpiaxh13#

同问,解决了么

prdp8dxp

prdp8dxp4#

同问,解决了么

mrphzbgm

mrphzbgm5#

同问,解决了么

nle07wnf

nle07wnf6#

经过我的测试,这个是抖音开发者工具的显示bug,不影响使用。

kuhbmx9i

kuhbmx9i7#

经过测试,能唤起抖音客服,要使用@tarojs/plugin-inject这个插件,并添加这个配置

plugins: [
      ['@tarojs/plugin-inject', InjectOpt]
  ],

// injectOpt
module.exports = {
  components: {
    // 给button组件添加自定义事件
    Button: {
      "data-im-id": "",
      dataImId: "",

      dataImType: "", // im卡片类型
      "data-im-type": "",

      dataGoodsId: "", // 商品id
      "data-goods-id": "",

      dataBizLine: "", // 类型
      "data-biz-line": "", // 类型
      
      dataOrderId: "", // 订单id
      "data-order-id": ""
    },
  }
}

但是也仅仅是属性可以用,监听不到error事件,如果有人监听成功了,可以贴一下代码

zlhcx6iw

zlhcx6iw8#

经过测试,能唤起抖音客服,要使用@tarojs/plugin-inject这个插件,并添加这个配置

plugins: [
      ['@tarojs/plugin-inject', InjectOpt]
  ],

// injectOpt
module.exports = {
  components: {
    // 给button组件添加自定义事件
    Button: {
      "data-im-id": "",
      dataImId: "",

      dataImType: "", // im卡片类型
      "data-im-type": "",

      dataGoodsId: "", // 商品id
      "data-goods-id": "",

      dataBizLine: "", // 类型
      "data-biz-line": "", // 类型
      
      dataOrderId: "", // 订单id
      "data-order-id": ""
    },
  }
}

但是也仅仅是属性可以用,监听不到error事件,如果有人监听成功了,可以贴一下代码

Button: {
    'dataImId': "''", // 客服的抖音号
    'data-im-id': "''",
    'dataImType': "''", // im卡片类型
    'data-im-type': "''",
    'dataGoodsId': "''", // 商品id
    'data-goods-id': "''",
    'dataBizLine': "''", // 类型
    'data-biz-line': "''",
    'dataOrderId': "''", // 订单id
    'data-order-id': "''",
    'bindim': "'eh'", // 监听跳转IM的成功回调
    'binderror': "'eh'", // 监听跳转IM的失败回调
}

<Button open-type="im" dataImId={__IM_ID} onIm={imCallback} onError={imError} />

相关问题