前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue3-seamless-scroll实现无缝滚动

vue3-seamless-scroll实现无缝滚动

原创
作者头像
用户1349575
发布2022-02-16 20:56:46
2.6K0
发布2022-02-16 20:56:46
举报
文章被收录于专栏:编程社区编程社区
代码语言:javascript
复制
 <script src="./node_modules/vue/dist/vue.global.js"></script>
 <script src="./node_modules/vue3-seamless-scroll/dist/vue3-seamless-scroll.js"></script>
 
  <div class="scroll">
      <div>默认配置</div>
      <vue3-seamless-scroll v-if="list2.length>0" :list="list2" hover v-model="scroll">
        <div class="item" v-for="(item, index) in list2" :key="index">
          <span>{{ item.id }}</span>
          <span>{{ item.province }}</span>
        </div>
      </vue3-seamless-scroll>
    </div>
代码语言:javascript
复制
Vue.createApp({
    components: {
      'vue3SeamlessScroll': Vue3SeamlessScroll.Vue3SeamlessScroll
    },
    data: function () {
      return {
        list2: [],
      }
    },
    created: function () {
        this.getData()
    },
    methods: {
      getData() {
        axios.get("").then((res) => {
          var data = res.data
          this.list2 = data.provList
        })
      },
    }
  }).mount("#app")

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档