如何配置链接跳转至另一个页面的底部？

你可以通过锚点链接的方式实现这个需求，具体分两种情况处理：

1. 目标页面已有底部锚点元素 #

如果跳转的目标页面底部已经存在带id的元素（比如底部版权区、页脚容器），直接在原链接后拼接#锚点id即可：

修改你的代码为：

<a :href="page_4_state.data.dealerUrl + '#目标底部元素的id'" class="f-green" target="_blank">
<u>Searching for number</u>
</a>

比如目标页面底部有<footer id="page-footer"></footer>，就拼接#page-footer。

2. 目标页面无现成锚点元素 #

如果目标页面没有可锚定的底部元素，需要在目标页面的最底部添加一个空的锚点元素：

<!-- 在目标页面的最底部插入 -->
<div id="page-bottom"></div>

然后回到你的页面，同样在链接后拼接#page-bottom即可。

注意事项 #

• 如果原链接已经包含查询参数（比如xxx.com?param=1），锚点依然加在最后，格式为xxx.com?param=1#page-bottom，不需要修改原参数部分。
• 这种方式依赖目标页面的结构，若无法修改目标页面，可考虑在新页面加载后通过JavaScript滚动到底部，但需要目标页面支持自定义脚本（或你有权修改目标页面代码）。

内容的提问来源于stack exchange，提问作者Natdanai Kanyakoon