vue组件中使用消息提示

作者: 执剑饮烈酒 | 来源:发表于2020-07-08 15:54 被阅读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模板对缩进空格要求特别严格,使用的时候,要注意!

相关文章

  • vue组件中使用消息提示

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

  • Vue/组件

    Vue/组件 创建组件 单独声明一个Vue.component,使用只需要在Vue实例下使用定义的组件名在组件中d...

  • vue和小程序父子组件通信比较

    1. 子组件的使用 Vue中 编写子组件 在需要使用的父组件中通过import引入 在vue的components...

  • 【ThreeJs】06 - 纹理

    项目搭建小提示 创建vue项目 安装ThreeJs 导入ThreeJs到组件中可以使用全部到如之后使用 自定义名称...

  • # Vue组件二-事件反馈 - 子组件向父组件发送消息,父组件监

    Vue组件二-事件反馈 - 子组件向父组件发送消息,父组件监听消息 开始 Vue组件是学习Vue框架最比较难的部分...

  • vue文档集合

    Vue2使用笔记3--父子组件的通信Vue 2.0开发实践(组件间通讯)Event Bus 在Vue中的使用vue...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • vue组件的使用模式

    最近使用vue的过程中,发现关于vue组件使用的问题,现根据我自己的理解,总结一下vue组件的使用模式:(1)多例...

  • Vue3.0破坏性变化----异步组件

    vue3.0中异步组件要求使用defineAsyncComponent方法创建 由于vue3中函数式组件必须定义为...

  • vue中的$符号

    vue中的消息提示 $message顶部出现的弹窗 使用方式: $set:(下面将展示实例,来更清晰的展示): 直...

网友评论

    本文标题:vue组件中使用消息提示

    本文链接:https://www.haomeiwen.com/subject/lpyccktx.html