HarmonyOS鸿蒙Next中求助！下列代码中List列表组件渲染的时候，onMove为什么没生效

代码修改完毕，你多些了一行代码，注释掉就行了： .draggable(true)  注释掉这一行就可以了

@Observed
class Article {
  id: string;
  title: string;
  brief: string;
  isLiked: boolean;
  likesCount: number;

  constructor(id: string,
    title: string,
    brief: string,
    isLiked: boolean = false,
    likesCount: number = 0
  ) {
    this.id = id
    this.title = title
    this.brief = brief
    this.isLiked = isLiked
    this.likesCount = likesCount
  }
}


@Component
struct ArticleCard {
  @ObjectLink article: Article

  handleLiked() {
    this.article.isLiked = !this.article.isLiked;
    this.article.likesCount = this.article.isLiked ? this.article.likesCount + 1 : this.article.likesCount - 1
  }

  build() {
    Row() {
      Image($r('app.media.startIcon'))
        .width(80)
        .height(80)
        .margin({ right: 20 })

      Column() {
        Text(this.article.title)
          .fontSize(20)
          .margin({ bottom: 8 })
        Text(this.article.brief)
          .fontSize(16)
          .fontColor(Color.Gray)
          .margin({ bottom: 8 })

        Row() {
          Image(this.article.isLiked ? $r('app.media.abc') : $r('app.media.abc'))
            .width(24)
            .height(24)
            .margin({ right: 8 })
          Text(this.article.likesCount.toString())
            .fontSize(20)
        }
        .onClick(() => {
          this.handleLiked()
        })
        .justifyContent(FlexAlign.Center)
      }
      .alignItems(HorizontalAlign.Start)
      .width('80%')
      .height('100%')
    }
    .padding(20)
    .backgroundColor('#FFECECEC')
    .borderRadius(12)
    .height(120)
    .width('100%')
    .justifyContent(FlexAlign.SpaceBetween)
  }
}

@Entry
@Component
struct ArticleListView {
  isListReachEnd: boolean = false
  @State articleList: Array<Article> = [
    new Article('001', '第0篇文章', '文章简介内容', false, 100),
    new Article('002', '第1篇文章', '文章简介内容', false, 100),
    new Article('003', '第2篇文章', '文章简介内容', false, 100),
    new Article('004', '第4篇文章', '文章简介内容', false, 100),
    new Article('005', '第5篇文章', '文章简介内容', false, 100),
    new Article('006', '第6篇文章', '文章简介内容', false, 100),
  ]

  loadMoreArticle() {
    this.articleList.push(new Article('007', '加载的新文章', '文章简介内容'))
  }

  build() {
    Column({ space: 5 }) {

      List() {
        ForEach(this.articleList, (item: Article) => {
          ListItem() {
            ArticleCard({ article: item })
              .margin({ top: 20 })
          }
          // .draggable(true)    //注释掉这一行就可以了
        }, (item: Article) => item.id)
          .onMove((from: number, to: number) => {
            let tmp = this.articleList.splice(from, 1);
            this.articleList.splice(to, 0, tmp[0]);
          })
      }
      .padding(20)
      .scrollBar(BarState.Off)
      .onReachEnd(() => {
        this.isListReachEnd = true
      })
      .parallelGesture(
        PanGesture({ direction: PanDirection.Up, distance: 80 })
          .onActionStart(() => {
            if (this.isListReachEnd) {
              this.loadMoreArticle()
              this.isListReachEnd = false
            }
          })
      )

    }
    .height('100%')
    .width('100%')
    .backgroundColor(0xF1F3F5)
  }
}