开发中常用框架

豆双

已于 2022-11-16 19:25:27 修改

阅读量201

点赞数

分类专栏：感想文章标签： javascript java html

于 2022-11-16 19:21:54 首次发布

本文链接：https://blog.csdn.net/shuang666666/article/details/127891373

版权

感想专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue项目中实现数字动态增长的VueCountTo插件使用，以及结合VueTouch实现长按和点击事件。通过示例代码展示了在main.js中引入VueTouch，并在vue页面中为列表项添加长按和点击事件处理函数。

摘要由CSDN通过智能技术生成

1.数字动态增加如：从0递增到1000 最终变成1000 插件 Vue CountTo

<count-to :start-val='0' :end-val='2278' :duration='4000' :decimals='0' :separator=',' :prefix='￥' :suffix='元' :autoplay=false></count-to>

具体可查看 vue-count-to

2. vue-touch

main.js中

import VueTouch from 'vue-touch';
Vue.use(VueTouch, { name: 'v-touch' });

vue页面使用可进行长按点击事件等

<div v-for="(item, index) in list" :key="index">
        <v-touch @press="handlePress(item, index)" @tap="handleTap(item, index)">
              <div class="list" :class='{bg_opacity:index===activeIndex}' :title="item">
                此处是内容此处是内容
              </div>
         </v-touch>
</div>