Appearance
console(日志)
基础用法
示例:
代码示例:
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 | 添加的信息 |