vue如何添加html到组件中,html – Vue.js锚定到同一组件中的div

因为您在哈希模式下使用路由器,所以您将无法轻松滚动它,因为滚动到/#的东西实际上会将您重定向到“某事”页面.

您必须自己模拟滚动行为,尝试做类似的事情：

//P.S. the code is written for Vue 2.

//You will have to adjust it to Vue 1.

//Your view:

Porto, Portugal

...

//Your code:

methods: {

scrollMeTo(refName) {

var element = this.$refs[refName];

var top = element.offsetTop;

window.scrollTo(0, top);

}

}

这个怎么运作：

>通过ref属性将引用设置为要滚动到的元素;

>编写一个函数,以编程方式将window.scrollY设置为引用元素的顶部.

>工作完成:)

更新1：

更新2：

似乎在Vue 1 ref =“name”看起来像el：name (docs),这是一个更新的例子：