Aliplayer自定义组件

export class StopButton {constructor(...props) { //此处为传入的参数this.html = document.createElement(`div`);...  //可以用this.xxx = 的方式将参数存起来}created(player， e) {  //组件的生命周期可以去看官方文档this.html.addEventListener("click", () => {...});}createEl(el) {//此处可以用来创建元素this.html.setAttribute("class", "stopBtn");}
}
const components = [const StopComponent = {name: "stopBtn",         //组件名type: StopButton,      //class类名args: [...]                //此处传入参数 };
]
new Aliplayer({id: "player-" + this.showModel + "-" + deviceId,width: "100%",height: "100%",...components //组件的数组
});

Aliplayer自定义组件相关推荐

【说人话】真正意义上讲清楚了如何用$emit()在Vue.js的自定义组件中实现v-model=“”双向绑定
子组件sg-component.vue代码 <template><div class="sg-component"><button @click=&q ...
vue自定义组件 → 场馆预约の小时范围控件【手到擒来】
组件pages/components/sg-hour-range.vue <template><ul><liv-for="(item, $index) in h ...
微信小程序自定义轮播图滚动样式自定义组件轮播图的实现
效果图: 实现代码: wxml <view class="card card_b"><swiper autoplay="{{true}}" i ...
微信小程序自定义组件之Picker组件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 需求: 通过JS条件判断,满足条件就弹出Picker给用户选择一个数组里面的数据. 有些朋友可能会有疑问: 1 ...
【一步步学小程序】3. 使用自定义组件(component)
上一节创建了一个包含多个课程数据的列表.这一节我们用自定义组件(component),来优化列表页面,即如图,我们把每个课程单元格封装为组件. 使用组件的好处: 自定义组件可以在不同的页面中重复使用 ...
java requiredstringvalidator_如何访问自定义组件中的Validator.required
我需要一些帮助 . 我正在尝试创建一个包装下拉值的自定义组件,并根据是否需要显示/隐藏默认的--Select--选项 . (我想稍后将其他自定义逻辑应用于此组件) 如何通过父级的被动形式设置我的自定义 ...
php自定义控件,小程序自定义组件的实现方法（代码）
本篇文章给大家带来的内容是关于小程序自定义组件的实现方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. File:threecolgrid.js// components/t ...
Angular系列学习二：基本的组件说明、自定义组件和部分细节说明
作者:心叶时间:2018-07-24 16:41 基本说明组件是Angular中非常重要的一个东西,是拥有模板的指令,是构成Angular应用的基础和核心,被用来包装特定的功能,应用程序的有序运行 ...
【译】Yii2 0 高级模版编写使用自定义组件(component)
原文:http://www.yiiframework.com/wiki/760/yii-2-0-write-use-a-custom-component-in-yii2-0-advanced-temp ...
ExtJS（3）- 自定义组件（星级评分）
今天介绍ExtJS的组件开发,这里以星级评分为示例,首先来看看效果图: 然后是功能操作:鼠标移动到五个星星上面时,会有tooltip显示当前的分值.如图:鼠标悬停在第四颗星星时前四颗星星显示高亮笑脸, ...

Aliplayer自定义组件

Aliplayer自定义组件

Aliplayer自定义组件相关推荐

最新文章

热门文章