vue滚动插件之 vue-srcollto

vue-srcollto 适用vue2.x和vue3.x

首先安装插件:

npm install --save vue-scrollto

其次我们再main.js引入插件并注册

//main.js
var VueScrollTo = require('vue-scrollto');

app.use(VueScrollTo)

vue页面使用方式,看图:

 

//代码示例
<template>
    <div class="wrap">
        <div class="top flexa" v-scroll-to="'#element'">
            <div class="title">我的帖子</div>
        </div>

        <div class="list" id="element">
            <List :list="myData.postList" />
        </div>
    </div>
</template>


<script setup >

</script>


<style lang="less" scoped >

</style>

如有问题,请留言,谢谢


版权声明:本文为vscode_js原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。