vue 怎样模拟浏览器控制台输出?

手机端看console.log()不方便,写了个组件直接显示在屏幕上

<template>
    <ul class="log-screen">
        <li v-for="(log, index) in dataLog">{{log.text}}<i v-if="log.repeat">{{log.repeat}}</i></li>
    </ul>
</template>
<script>
export default {
    name: "log-screen",
    data() {
        return {
            lastMsg:'',
            dataLog:[{
                text:"",
                repeat:2
            }]
        };
    },
    methods: {
        log(l){
            if (lastMsg === l) {
                let idx = this.dataLog.length-1;
                this.dataLog[idx].repeat += 1;
            }else{
                this.dataLog.push({
                    text:l,
                    repeat:0
                });
            }
        }
    },
}

请问这样写合适吗?

回答:

常用的手机端console调试
有个叫vconsole

GitHub地址:
https://github.com/shouzijian…

你可以调整下,直接使用

回答:

推荐个手机端的调试神器:eruda,方便查看各种log。

经常会在github Star和开源一些有意思的项目,欢迎follow我 。◕‿◕。:https://github.com/simbawus

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注