更新记录
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 |
点击右侧按钮时触发 |
|