uniapp Vue 微信小程序 左滑出现删除按钮

---

简单的左滑删除 功能   具体功能实现 所有注解已经在代码里注释说明

地址皆为 测试地址(请勿当真！）希望能帮到有需要的人。 可以少 "踩坑"。 转载请注明来源 谢谢

 1.HTML

<template>
	<view class="index">
		
		
<view style="height: 100%">
			<view class="AddRess" v-for="(item,index) in Addresslist" :key="item.id" @touchstart="touchS($event,item)"
				@touchmove="touchM" @touchend="touchE" >
				<view class="Bito" :style="{marginLeft:InfoId === item.id?'-'+LeftRange+'rpx':''}">
					<view class="Hiurs">
						<view class="NaPh">
							<view class="Name">
								{
  {item.name}}