elementui 问题记录

1.项目风格为了统一 将confirm框 统一换成elementui的
官网例子： 使用没有任何难度 和诸多confirm框参数 格式基本相同

<template>
  <el-button type="text" @click="open">点击打开 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open() {
        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
        });
      }
    }
  }
</script>

但是更换到项目上时 出现了一个问题 那就是每次新进入页面时 confirm会闪退一次 接着点击的话 就一直正常了 最后发现问题在于 <a>标签 因为这个<a>标签使用的空链接 <a href=‘#’> 导致 组件每次第一点击都会刷新掉 解决办法 直接删除href="#"即可

附代 a标签几种常用空链接方式
1、 <a herf=""></a>
这种方法会默认打开本页面，重新刷新一次页面。
2、<a herf="#"></a>
这种方法会在地址栏的后面添加一个#号，然后回到页面顶部。
3、<a herf="###"></a>
这种方法可以再chrome和ie11中，不再跳回页面顶部，但是还是会修改地址栏。
4、使用javascript伪协议

• <a href="javascript:void(0);"></a>
• <a href="javascript:void(0)"></a>
• <a href="javascript:;"></a>
• <a href="javascript:"></a>
  上面使用javascript的伪协议的作用相同，会使a标签链接到一个js方法，但这个方法是void（0），则不会触发。
  “在IE6下面，未加分号的方案被点击后，IE6会使得页面中的gif暂停，并且触发onbeforeunload事件，IE6认作这个页面有了重定向，并abort之后所有的请求。所以假如你在此之后替换了一个<img>的src，IE6完全不会完成这个新的请求。”