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模板对缩进空格要求特别严格,使用的时候,要注意!