Vue中使用better-scroll插件实现移动端的上拉加载，下拉刷新。

落魄的小前端

已于 2022-03-09 09:30:37 修改

阅读量1.5k

点赞数

于 2022-03-09 09:16:12 首次发布

本文链接：https://blog.youkuaiyun.com/z12845464/article/details/123368690

版权

前言

大家好，我是尤雨海。。。。。。

代码：

<template>
  <div class="wrapper">
    <ul class="content">
      <p style="color: rgb(0, 26, 255); text-align: center" v-show="ispullDown">
        {
   {
    title }}
      </p>
      <li v-for="(item, index) in data" :key="index">这是第{
   {
    item }}条数据</li>
      <p style="color: rgb(0, 26, 255); text-align: center" v-show="ispullUp">
        {
   {
    title }}
      </p>
    </ul>
  </div>
</template>

<script>
import BScroll from "better-scroll";

export default {
   
  name: "HomeView",
  data() {
   
    return {
   
      /* 数据 */
      data: 30