bug分享

        bug顾名思义就是：缺陷、问题。作为一名开发人员，项目出现 bug 是避免不了的。无论你是一名初入职场的小白，还是拥有经验丰富的大佬，只要经常写代码，梳理业务逻辑，很难免不出bug。正所谓常在冰上走，难免不湿鞋。记得以前经常听人说，如果你没有把系统搞宕机过，就不是一名合格的CTO，成为一名出色的开发人员，经验都是一个一个积累起来的，今天我就分享一个我在开发遇到的一个bug。

        这是我在开发中遇到的一个bug，由于我在开发环境中只有一条数据，然后正常流程可以走通，但是上了测试环境出现了两条数据后，点击其中一个数据，第二条数据也会跟着联动。于是乎，我就开始找解决办法，我先说我一开始的写法：

<span @click="onPreviewClick(item.id)">{{ preview }}</span>

onPreviewClick(id) {

        this.preview = '预览中...'

        this.$api.GetExport({ id: item.id, isPreview: 1 }).then(res => {

        window.open(res.data)

        this.preview = '预览'

        })

}

        然后多条数据就出现了联动效果，也就是测试工程师口中的bug。

        接着看看我的解决办法吧：

<span @click="onPreviewClick(item)">{{ preview }}</span>

this.serviceList.forEach(item => {

        this.$set(item, 'preview', '预览')

})

onPreviewClick(item) {

        item.preview = '预览中...'

       this.$api.GetExport({ id: item.id, isPreview: 1 }).then(res => {

        window.open(res.data)

        item.preview = '预览'

        })

}

总结：

        这个bug我想了两个小时才解决，虽然我解决了这个问题但是我并不高兴，是因为我话的时间太长了，明明半个小时就可以解决问题，我却花了很长时间，这说明确实要提升自己的能力了，我会在工作中继续提升，如果有大佬还有其他的解决办法，欢迎指导博主。

        总之遇到bug不可怕，要有一颗独立思考的大脑和一个分析问题解决问题的能力。同时还要有一个良好的心态去对待问题，遇到问题不能手忙脚乱的。