<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位置,怎么办,求解答
0 个回复