1***@qq.com
1***@qq.com
  • 发布:2024-12-02 12:22
  • 更新:2024-12-02 12:22
  • 阅读:14

swipe-action结合uni-card时,遍历卡片,单个卡片点击按钮,无法自动恢复none位置,求解答

分类:uni-app
<view v-if="taskForSelectedDate && taskForSelectedDate.length > 0" class="task-content">  
        <!-- 遍历任务并渲染每个任务为卡片 -->  
        <uni-swipe-action>  
            <uni-swipe-action-item   
                v-for="(task, index) in taskForSelectedDate"   
                :key="task.id"   
                :left-options="options"  
                :right-options="[]"   
                :show="task.isOpened ? 'left' : 'none'"  <!-- 使用 task.isOpened 控制显示 -->  
                :auto-close="true"   
                @change="change"  
                @click="(e)=>bindClick(e,task)"> <!-- 传递事件、任务 -->  
                <uni-card :style="{ backgroundColor: task.isEditing ? '#2ddb58' : '#dddddd' }" :title="task.title"  
                    :sub-title="selectedDate" thumbnail="../../static/personalCenter/taskCard1.png">  
                    <text>{{ task.content }}</text> <!-- 使用 task.content 作为内容 -->  
                </uni-card>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  
    </view>

代码如上,我点击任意一个卡片的按钮,无法自动恢复到none位置,尽管我为每个卡片单独设置了isOpened状态,为什么?

<view v-if="taskForSelectedDate && taskForSelectedDate.length > 0" class="task-content">  
        <!-- 遍历任务并渲染每个任务为卡片 -->  
        <uni-swipe-action>  
            <uni-swipe-action-item v-for="(task, index) in taskForSelectedDate" :key="task.id" :left-options="options"  
                :right-options="[]" :show="isOpened" :auto-close="true" @change="change"  
                @click="(e)=>bindClick(e,task)"> <!-- 传递事件、任务 -->  
                <uni-card :style="{ backgroundColor: task.isEditing ? '#2ddb58' : '#dddddd' }" :title="task.title"  
                    :sub-title="selectedDate" thumbnail="../../static/personalCenter/taskCard1.png">  
                    <text>{{ task.content }}</text> <!-- 使用 task.content 作为内容 -->  
                </uni-card>  
            </uni-swipe-action-item>  
        </uni-swipe-action>  
    </view>

这段代码,我设置了一个全局的状态isOpened,滑动一张卡片,所有卡片都会滑动,但是我点击按钮时,所有卡片都会自动恢复到none位置,

哎,是鱼和熊掌不可得兼吗,我既想单独滑动,又想自动恢复none位置,怎么办,求解答

2024-12-02 12:22 负责人:无 分享
已邀请:

要回复问题请先登录注册