更新记录
V1.0.0(2023-06-02)
下载此版本
更新插件
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
说明
该组件,是一个底部按钮操作组件,按钮区始终在页面底部显示。
组件名:sa-bom-btn
平台差异
| App(vue) |
App(nvue) |
H5 |
小程序 |
| √ |
√ |
√ |
√ |
基本用法
具体的标签,通过tabList参数配置,该参数要求为数组,元素为对象,对象要有text属性,见示例:
<template>
<sa-bom-btn @onTapLeft="onTapLeft" @onTapRight="onTapRight"></sa-bom-btn>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
onTapLeft () {
console.log('onTapLeft');
},
onTapRight () {
console.log('onTapRight');
}
}
}
</script>
修改按钮文本
<sa-bom-btn leftText="保存" rightText="提交"></sa-bom-btn>
API
SaTabs Props
| 属性名 |
类型 |
默认值 |
说明 |
| leftText |
String |
取消 |
左侧按钮文本 |
| rightText |
String |
确定 |
右侧按钮文本 |
Events
| 事件名 |
说明 |
回调参数 |
| onTapLeft |
点击左侧按钮时触发 |
|
| onTapRight |
点击右侧按钮时触发 |
|