项目中遇到过的问题及解决方案（持续更新中）

1、弹框点击确定，冒泡到下一层

解决：设置弹框的层级index:9999

2、v-if切换组件不更新

原因：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。

解决：给俩个高度相似的组件分别加上不同的key值让Vue识别为不同的组件。（我是用的时间戳来区分的）。此处应了解vue元素渲染，Key值的重要性。

3、input输入框active状态显示黑色边框

解决：

input {
    outline: none; /*解决active状态显示黑色边框*/
}

4、vue绑定键盘事件不起作用。

解决：

@keyup.delete='deleteKeyup(e)'  // 无效
 
@keyup.delete.native='deleteKeyup(e)'  //无效
 
在mounted方法里面监听案件绑定
this.$nextTick(()=>{
    document.onkeydown=(e)=>{
       if(e.keyCode == 46){//这是delete健，当然也可以根据自己的需求更改
          this.deleteKeyup()//操作方法
       }
    }
})