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

直接使用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
        }}
})

回答:

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

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

回答:

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

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注