处理u-swipe-action 滑动删除后不复位的问题

最新推荐文章于 2024-04-28 11:42:00 发布

fff_if

最新推荐文章于 2024-04-28 11:42:00 发布

阅读量592

点赞数 2

分类专栏： uview框架文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/hitower666/article/details/134133907

版权

uview框架专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<view class="main" v-else-if='addrList.length'>
			<u-swipe-action autoClose ref="swipeAction" class="swipe-container">
				<u-swipe-action-item :options="btnDel" @click='del(idx, i.addrId)' :ref="'swipeAction' + idx"
					v-for="(i, idx) in addrList" :key="i.addrId">
					<addr-card :addr="i" @putAddr="putAddr" />
				</u-swipe-action-item>
			</u-swipe-action>
		</view>

重点： :ref=“‘swipeAction’ + idx”

async del(idx, id) {
			await delAddrAPI(id)

			// 处理u-swipe-action-item不复位的问题  **重点这两行代码**
			let index = 'swipeAction' + idx
			this.$refs[index][0].closeHandler()


			// 优化-无刷新更新
			let delIndex = this.addrList.findIndex(i => i.addrId == id)
			this.addrList.splice(delIndex, 1)

			uni.$u.toast("删除成功");

		},