Taro+vue3 关注抖音号

发布时间 2023-09-12 10:26:44作者: 居无常

 

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': "",
          },
        },
      },
    ],
  ],
  // 其他配置
  ...,
}