TypeScript 极简教程前端Vue专辑

vue组件中使用消息提示

2020-07-08  本文已影响0人  执剑饮烈酒

需求中有时候会用到提示信息,我演示一下,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模板对缩进空格要求特别严格,使用的时候,要注意!

上一篇下一篇

猜你喜欢

热点阅读