vue组件中使用消息提示

需求中有时候会用到提示信息,我演示一下,vuepug模板使用element-UI组件库搭配typescript时候提示信息的编写:

<template lang="pug">

  div

    el-button(

      @click="open"

    ) 李达康

</template>

<script lang="ts">

import { Vue, Component } from 'vue-property-decorator'

@Component

export default class Analysis extends Vue {

  private open():any{

    this.$message("欧阳菁前夫!")

  }

}

</script>

注意pug模板对缩进空格要求特别严格,使用的时候,要注意!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。