vue.$Message

<template>
  <vm-button :plain="true" @click="open">打开消息提示</vm-button>
  <vm-button :plain="true" @click="openVn">VNode</vm-button>
</template>

<script >
  export default {
    methods: {
      open() {
        this.$message('这是一条消息提示11111111111121sd让我测测为我测测为我饿二吃辣丹尼斯点击为我IE我嫩问我呢我呢我呢wine问问');
      },
      
      openVn() {
        const h = this.$createElement;
        this.$message({
          message: h('p', {
            style: {
              display: 'inline-block',
              margin: 0
            }
          }, [
            h('span', null, '内容可以是 '),
            h('i', {style: 'color: teal'}, 'VNode')
          ])
        });
      }
    }
  }
</script>

View another examples Add Own solution

Roi 100 points

                                    &lt;template&gt;
  &lt;vm-button :plain=&quot;true&quot; @click=&quot;open&quot;&gt;打开消息提示&lt;/vm-button&gt;
  &lt;vm-button :plain=&quot;true&quot; @click=&quot;openVn&quot;&gt;VNode&lt;/vm-button&gt;
&lt;/template&gt;

&lt;script &gt;
  export default {
    methods: {
      open() {
        this.$message('这是一条消息提11111111111示');
      },
      
      openVn() {
        const h = this.$createElement;
        this.$message({
          message: h('p', {
            style: {
              display: 'inline-block',
              margin: 0
            }
          }, [
            h('span', null, '内容可以是 '),
            h('i', {style: 'color: teal'}, 'VNode')
          ])
        });
      }
    }
  }
&lt;/script&gt;

Thank you! 4