Taro+vue3 关注抖音号

 

Taro使用vue3或者react框架，data-aweme-id属性是不被解析到生成的页面代码中的，所以需要借助编译插件@tarojs/plugin-inject去注入标签属性；

https://taro-docs.jd.com/docs/vue-overall#dataset

业务页面：

<button open-type="openAwemeUserProfile" :dataAwemeId="awemeId">关注抖音号</button>

config/index.js

const config = {
  // 其他配置
  ...,
  plugins: [
    [
      '@tarojs/plugin-inject',
      {
        components: {
          Button: {
            'data-aweme-id': "''", // 按钮注入特殊属性，这里放一个空字符串的时候，页面才能通过变量赋值；如果指定一个值，则生成一个固定的值；
            'group-id': "",
          },
        },
      },
    ],
  ],
  // 其他配置
  ...,
}