📅 最后修改于: 2021-01-02 06:46:05 🧑 作者: Mango
Framework7消息栏是可调整大小的工具栏，可用于消息。它提供了一个可调整大小的特殊工具栏，可与应用程序中的消息传递系统一起使用。
消息栏布局的语法：
消息栏布局的位置非常重要，它应该在页面内部并且在消息内容之前。
您可以使用以下方法通过JavaScript初始化消息栏：
myApp.messagesbar(messagesbarContainer, parameters)
该方法有两个选项：
messagesbarContainer：这是必需的HTML元素或包含消息栏容器HTML元素的字符串。
参数：它指定一个带有消息栏参数的对象。
例如：
var myMessagebar = app.messagebar('.messagebar', {
maxHeight: 200
});
maxHeight：用于设置文本区域的最大高度，并将根据其文本量进行调整。参数的类型为number，默认值为null。
下表显示了消息栏属性：
| Index | Property | Description |
|---|---|---|
| 1) | myMessagebar.params | You can specify object with passed initialization parameters. |
| 2) | myMessagebar.container | You can specify dom7 element with messagebar container HTML element. |
| 3) | myMessagebar.textarea | You can specify dom7 element with messagebar textarea HTML element. |
| Index | Method | Description |
|---|---|---|
| 1) | myMessagebar.value(newValue); | It sets messagebar textarea value/text and returns messagebar textarea value, if newValue is not specified. |
| 2) | myMessagebar.clear(); | It clears the textarea and updates/resets the size. |
| 3) | myMessagebar.destroy(); | It destroy messagebar instance. |
如果不想使用消息栏方法和属性，则可以使用不带JavaScript的HTML对其进行初始化。
您只需要在.messagebar中添加messagebar-init类，就可以使用data-attribute传递所需的参数。
请参阅以下代码，如何使用HTML初始化消息栏：