Skip to content

console(日志)

基础用法

示例:

console1.png

代码示例:

vue
<template>
  <div class="bs-bg-color-white p10">
    <v-console ref="console"></v-console>
    <el-button class="ml10" size="small" @click="handleInfo">添加标准信息</el-button>
    <el-button class="ml10" size="small" @click="handleError">添加错误信息</el-button>
    <el-button class="ml10" size="small" @click="handleShow">显示</el-button>
    <el-button class="ml10" size="small" @click="handleClose">关闭</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    /**
     * 添加标准信息
     */
    handleInfo() {
      this.$refs.console.info("标准信息测试");
    },
    /**
     * 添加错误信息
     */
    handleError() {
      this.$refs.console.error("错误信息测试");
    },
    /**
     * 显示
     */
    handleShow() {
      this.$refs.console.show("显示测试");
    },
    /**
     * 关闭
     */
    handleClose() {
      this.$refs.console.close("关闭测试");
    },
  },
  mounted() {},
  computed: {},
};
</script>

属性:

参数说明类型可选值默认值
title标题String-'提示'

方法:

方法名说明参数参数说明
show显示--
close关闭--
stop停止--
info添加一条标准信息value添加的信息
error添加一条错误信息value添加的信息