抖音开放平台Logo
开发者文档
控制台

Card
收藏
我的收藏

注册玩法挂件

对于互动插件小程序,需要在一个 js/ts 文件中进行玩法卡片的注册,指定玩法卡片的生命周期回调、事件处理函数等。

使用 Card 注册玩法卡片

Card({ data: { text: "This is card data.", }, created: function (options) { // Do something when card created. }, })

Card

Card(params) 是创建玩法卡片的时候会执行的玩法卡片入口函数,params 是一个 object 类型的参数,定义了卡片初始数据,生命周期函数,自定义方法等。

Params 参数说明

属性
类型
描述
data
Object
页面的初始数据
created
Function
生命周期函数--监听玩法卡片创建完成
其他
Any
开发者可以添加任意的函数或数据到 object 参数中,在玩法卡片的函数中用 this 可以访问。

生命周期回调函数

玩法卡片支持 created 生命周期,在玩法卡片创建时进行调用,可以在这里进行玩法卡片绘制。该生命周期函数会接受到通过 tt.createLiveCard 创建玩法卡片时在 URL 参数中设置的 query 参数。比如:
// page.js tt.createLiveCard({ url: '/live-card/card?width=300&height=300', width: 300, height: 300, })
// card.js Card({ created: function(options) { console.log(options) // { width: '300', height: '300'} } })