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()//操作方法
}
}
})