请问 Vue中能不能绑定html元素的scrollTop属性？

Question

直接使用document.getElementById('xx').scrollTop可以查看和修改。现在想在Vue中绑定这个属性 并用methods里控制该属性，下面的写法不行呢。 请问Vue有没有什么办法可以控制 该属性。

<div id='ss' :scrollTop="aa()"></div>
var vm=new Vue({
    el:"#ss",
    data:{},
    methods:{
        aa:function(){
            return 40
        }}
})

Answer 1

<div id='ss' :scroll-top.prop="aa()"></div>

用.prop修饰符绑定DOM属性
见:https://cn.vuejs.org/v2/api/#...

Answer 2

scrolltop 不是 HTML 元素的属性，因此不能绑定

但是你可以创建一个 directive 来实现你的需求。

Answer 3

是要锚标记滚动的话可以试试vue-router的滚动行为，可以模拟