uniapp开发h5地址栏的#
时间: 2024-10-14 07:02:16 浏览: 28
UniApp 内嵌 H5 调用扫码
在uniapp(微信小程序、H5混合应用框架)中,`#`通常用于URL的锚点(Hash URL Fragment),它主要用于页面内的链接跳转,并不会刷新整个页面。当你在地址栏输入`http://example.com/#/section1`这样的形式,实际是告诉浏览器或uniapp框架,你应该滚动到页面内的某个ID为`section1`的部分。
在uniapp中,你可以通过Vue组件的`v-show`或`v-if`属性配合`:hash`绑定来控制内容的显示和隐藏。例如:
```html
<router-view :hash="currentHash"></router-view>
<button @click="goToSection('section1')">跳转到section1</button>
<script>
export default {
data() {
return {
currentHash: ''
}
},
methods: {
goToSection(hash) {
this.$route.hash = hash; // 设置hash值
}
}
}
</script>
```
在这个例子中,点击按钮会改变`currentHash`的值,进而触发页面内部的`section1`元素显示或隐藏。
阅读全文