ionic7(ion-item-sliding组件)使用笔记

前言：

        第一次正式使用sliding这个组件，过程中发现了一些问题，虽然最后是解决了但是我希望这里记录一下，也给其他人提个醒。

使用：

        相关调用方法：可以看见，我们是需要通过$el去访问，才能调用文档中的方法。

        

问题：

        1.判断点击的某个项它是否是展开状态

                解决方案：首先你无法知道具体某个选项展开的情况，或者说知道了，但是会出现bug，通过文档中说的getOpenAmount(),和getSlidingRatio()方法在一些情况下展开了，但是返回值却告诉你没有展开，我查看源码得知closeOpened方法（它会关闭所有的展开状态），它的返回值是true或者false，也就是说，我们通过手动调这个方法可以知道（如果true，说明之前有展开的，如果false，说明就没有展开的）曲线救国.

const routeToChat = async chatId => {
  // 判断是否有处在展开状态的item(true为有，false为没有),通过closeOpened()方法的返回值进行判断
  const isExpanded = await ionItemSlidingRef.value[0].$el.closeOpened();
  if (isExpanded) return;
  // 剩下的代码逻辑
};