消息 Message

基本用法

<za-message>普通</za-message>
<za-message theme="error">自定义主题</za-message>
<za-message icon="wrong-round">自定义图标</za-message>

可操作

<za-message hasArrow @click="handleClick">链接样式的</za-message>
<!-- 也可以不绑定visible -->
<za-message closable :visible.sync="visible">可关闭的</za-message>

Vue Script

<script name="vue">
export default {
  data() {
    return {
      visible: true
    }
  },
  methods: {
    handleClick(event) {
      console.log(event);
      alert('click this message!');
    }
  },
};
</script>

API

Message Attributes

Message Events