怎么在a标签里，使用href，但是在click的时候不跳转到href里，就是怎么拦截跳转的操作，执行click里的事件

<a :href="url"
           @click.stop.self="click">{{value}}</a>


data(){
  return {
    url: "http://www.baidu.com",
    value: "baidu"
  };
},
methods: {
    click(e) {
        this.$emit("click", {
            title: this.value,
            url: this.url,
        });
        e.stopPropagation();
        return false;
    }
}

期望结果是没有跳转到baidu.com上，而是执行this.$emit("click")