怎么取消a标签跳转后的#
时间: 2024-02-26 17:57:52 浏览: 80
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
在Uniapp中,a标签默认会在href属性后面添加一个#符号,这是为了防止页面刷新,同时保留历史记录。如果你不希望a标签跳转后出现#符号,可以使用以下两种方法之一:
1. 使用事件绑定代替a标签
在template中,你可以使用`@click`事件绑定来替代a标签的href属性,例如:
```
<view @click="onTap">跳转到首页</view>
```
在script中,实现onTap方法,并使用uni.navigateTo()方法跳转页面,例如:
```
// 点击事件处理程序
onTap: function() {
uni.navigateTo({
url: '/pages/index/index'
});
}
```
这样点击view标签时就会跳转到对应的页面,而不会在url后面添加#符号。
2. 使用vue-router的编程式导航
如果你使用了vue-router来进行路由管理,可以使用编程式导航来实现页面跳转,例如:
```
// 点击事件处理程序
onTap: function() {
this.$router.push('/pages/index/index');
}
```
这样点击按钮时就会使用vue-router进行路由导航,而不会在url后面添加#符号。需要注意的是,使用vue-router需要在页面组件中引入vue-router并进行配置。
阅读全文