# 9.27 底部固定按钮（Midea Footer）

APP 内置组件，可直接在 template 中使用，不需要 import 导入和注册;

# 基础用法

<template>
  <midea-footer
    ref="footer"
    :scene="scene"
    @updateSiri="updateSiri"
    :reverseFlag="reverseFlag"
    :TEXT="TEXT"
    :homeInfo="homeInfo"
  />
</template>
<script>
export default {
    data() {
        return {
            scene: {},
            reverseFlag: false,
            TEXT: {},
            homeInfo: {}
        }
    },
    methods: {
        updateSiri(event) {
            console.log(event)
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

示例中的 scene、TEXT 和 homeInfo 需由业务页面填入场景、多语言文案及家庭信息。

# Attributes

Prop Type Required Default Description
scene Object - - 场景信息，由业务页面提供
reverseFlag Boolean - - 业务页面传入的状态标志
TEXT Object - - 多语言文案，由业务页面提供
homeInfo Object - - 家庭信息，由业务页面提供

表中的 - 表示尚未提供必填性或默认值说明。示例中的空对象仅为占位，使用时需填写业务数据。

# Events

事件名称 说明 回调参数
updateSiri Siri 配置更新回调 event

← 9.28 IFTTT 按钮（Midea IFTTT Button） →